<! 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> <meta http-equiv=" Content-type "content=" text/html; Charset=utf-8 "/> <title> cute mouse follow </title> <style> html{background: #000;} body,html,input{cursor : none; body,html{height:100%} #cursor {position:absolute; left:100px; top:100px; display:block;} </style> <script > window.onload = function () {var ocursor = document.getElementById ("cursor"); Document.onmousemove=function (EV) {var oevent=ev| | event, Owidth = document.documentElement.clientWidth, Oheight = Document.documentElement.clientHeight, scrollt Op=document.documentelement.scrolltop + oevent.clienty, Scrollleft=document.documentelement.scrollleft + Oevent.clientx; if (ScrollTop > Oheight-ocursor.offsetheight) {oCursor.style.top = oheight-ocursor.offsetheight+ ' px '; }else if (ScrollTop < 0) {oCursor.style.top = 0; }else{oCursor.style.top = scrolltop+ ' px '; } if (ScrollLeft > Owidth-ocursor.offsetwidth) {oCursor.style.left = owidth-ocursor.offsetwidth+ ' px '; }else{oCursor.style.left = scrollleft+ ' px '; } Document.onmousedown = function () {ocursor.innerhtml = ""; return false; } document.onmouseup = function () {ocursor.innerhtml = ""; } }; } </script> </pead> <body> <div id= "cursor" ></div> <input type= "button" value= "click" onclick= "window.open (' http://www.jb51.net ')"/> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]