Fortunately, everything is available on the Internet. I found a function with the Best Browser compatibility. After testing, it is compatible with IE, FireFox, and Chrome, and there will be no problems with scroll bar errors. archive the function for later use :)
Copy codeThe Code is as follows:
Function mousePos (e ){
Var x, y;
Var e = e | window. event;
Return {
X: e.clientxw.document.body.scrollleft?document.doc umentElement. scrollLeft,
Y: e.clienty?document.body.scrolltop=document.doc umentElement. scrollTop
};
}
Note: this function is used with the onmousemove event.
Function Source: cursor following prompt box by nunumick
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ptml xmlns = "http://www.w3.org/1999/xhtml"> <pead> <title> mouse following prompt box </title> <meta http-equiv = "Content-Type" content = "text/html; charset = gb2312 "/> <style type =" text/css "> body {font: 12px/1.8 arial;} a, a: visited {color: # 3366cc; text-decoration: none;} a: hover {color: # f60; text-decoration: underline ;}. tip {width: 200px; border: 2px solid # ddd; padding: 8px; background: # f1f1f1; color: #666 ;}img {border: none ;} </style> </pead> <body> <ol> <li> </li> <li> thoughts on User Research </li> <li> WEB Reconstruction </li> </ol> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]