Acara tidak sesuai dengan IE dan FF. Hari ini saya mengalami beberapa masalah dengan transmisi. Silakan merujuk beberapa metode secara online dan memiliki beberapa pengalaman:
aclassarray [i] .onmouseOver = function () {// Tidak apa -apa untuk menulis kode secara langsung di dalamnya. Anda juga dapat melewati parameter untuk dilewati, tetapi tidak nyaman untuk menggunakan kembali}; aclassarray [i] .onmouseover = linkmouseOver // dapat digunakan tanpa parameter yang lewat, tetapi tidak dapat digunakan dalam argumen mendatang. }; // Ini dapat diteruskan, Anda dapat mengingatkannya, tetapi EVT.ClientX + ada masalah dengan "px" dan kosong. . . arguments.callee.caller.arguments [0] // Anda dapat menggunakannya untuk menyelesaikan var src = evt.srcelement || evt.target; // Anda juga dapat mengikuti SRC===================================================================================================================================
Kode latihan terlampir
<! Doctype html> <html> <head> <itement> </title> <meta http-equiv = "konten-tipe" content = "text/html; charset = utf-8"/> <tautan rel = "stylesheet" href = "css/ui-lightness/jquery-ui-ove-over =". " src = "js/jQuery-1.10.2.js"> </script> <script src = "js/jQuery-ui-1.10.4.custom.js"> </script> <style type = "text/css">. Aclass, .class: visited {font-size: 36px; {font-size: 20px;color: red;border: #f00 1px solid;position: absolute;width: 100px;height: 30px;}</style><script type="text/javascript">function initOnOver() {var titleTips = {"baidu": "Baidu Website Tips","163": "163 Website Tips","google": "google website prompt"}var atag = document.getElementsbyTagname ("a"); var aclassarray = []; for (var i = 0; i <atag.length; i ++) {if (atag [i] .className == "Aclass") {aclassarray [aclassarray.lslength] = atag [i]; i ++) {var e; aclassArray [i] .onmouseOver = function () {linkMouseOver ()}; aclassArray [i] .onmouseout = linkmouseout;}} function linkmouseOver () {var divtips = document.createelement ("div"); var evt = window | event | argumen.callee.caller.arguments [0]; // Dapatkan objek acara divtips.classname = "divtips"; divtips.style.left = evt.clientx + "px"; // + px kompatibel ffdivtips.style.top = evt.clienty + "px"; // + px kompatibel dengan ffdivtips. "test"; document.geteLementById ("diva"). appendChild (divtips);} function linkMouseOut () {var divtag = document.geteLementsbyTagname ("div"); untuk (var i = 0; i <divtag.length; i ++) {if (divTag [i]. {document.geteLementById ("Diva"). Removechild (Divtag [i]);}}} window.onload = initonover; </script> </head> <body> <v id = "diva"> <a href = "http://www.baidu.com" rel = "brref =" http://www.baidu.com "rel =" nof overpule </http: href = "http://www.163.com" rel = "eksternal nofollow"> netease </a> <br/> <br/> <br/> <a href = "http://www.google.com" rel = "hoTollow eksternal"> Google </a> </div> </body> ht nofollow eksternal "> Google </a> </div> </body>