Phiên bản đầy đủ: jsB@nk » Con trỏ » Đôi mắt theo chuột
URL: https://www.javascriptbank.com/watching-eyes-2-index.html
Hiệu ứng dùng hai ảnh tượng trưng để tạo ra một cặp mắt luôn quan sát theo sự di chuyển của con trỏ chuột trên trang web.
Phiên bản đầy đủ: jsB@nk » Con trỏ » Đôi mắt theo chuột
URL: https://www.javascriptbank.com/watching-eyes-2-index.html
<script>var jseyesimg="eyes.gif";var jseyeimg="eyeblue.gif";var jseyeslink="http://jsbank.topcities.com";var jseyeso=null, jseye1=null, jseye2=null;var browserversion=0.0;var browsertype=0; // 0: unknown; 1:MSIE; 2:NNfunction browserdetect() { var agt= navigator.userAgent.toLowerCase(); var appVer= navigator.appVersion.toLowerCase(); browserversion= parseFloat(appVer); var iePos= appVer.indexOf('msie'); if (iePos!=-1) browserversion= parseFloat(appVer.substring(iePos+5, appVer.indexOf(';',iePos))); var nav6Pos = agt.indexOf('netscape6'); if (nav6Pos!=-1) browserversion= parseFloat(agt.substring(nav6Pos+10)) browsertype= (iePos!=-1) ? 1 : (agt.indexOf('mozilla')!=-1) ? 2 : 0; return(browsertype>0);}browserdetect();function jseyesobj(id) { var i, x; x= document[id]; if (!x && document.all) x= document.all[id]; for (i=0; !x && i<document.forms.length; i++) x= document.forms[i][id]; if (!x && document.getElementById) x= document.getElementById(id); return(x);}function jseyesmove(x, y) { var ex, ey, dx, dy; if (jseyeso && jseye1 && jseye2 && jseyeso.style) { ex=jseyeso.offsetLeft+46; ey=jseyeso.offsetTop+58; dx=x-ex; dy=y-ey; r=(dx*dx/49+dy*dy/289<1) ? 1 : Math.sqrt(49*289/(dx*dx*289+dy*dy*49)); jseye1.style.left= r*dx+36.5; jseye1.style.top= r*dy+44; ex+=56; dx-=56; r=(dx*dx/49+dy*dy/289<1) ? 1 : Math.sqrt(49*289/(dx*dx*289+dy*dy*49)); jseye2.style.left= r*dx+92.5; jseye2.style.top= r*dy+44; }}function jseyes() { var img; var x, y, a=false; if (arguments.length==2) { x= arguments[0]; y= arguments[1]; a= true; } if (browsertype>0 && browserversion>=5) { img= "<div id='jseyeslayer' style='position:"+ (a ? "absolute; left:"+x+"; top:"+y : "relative")+ "; z-index:5; width:150; height:150 overflow:hidden'>"+ "<div id='jseye1' style='position:absolute; left:36; top:44; z-index:6; width:21; height:29'>"+ "<img src='"+jseyeimg+"' width=21 height=29 onClick=\"location.href='"+jseyeslink+"'\">"+ "</div>"+ "<div id='jseye2' style='position:absolute; left:92; top:44; z-index:6; width:21; height:29'>"+ "<img src='"+jseyeimg+"' width=21 height=29 onClick=\"location.href='"+jseyeslink+"'\">"+ "</div>"+ "<img src='"+jseyesimg+"' width=150 height=150 onClick=\"location.href='"+jseyeslink+"'\">"+ "</div>"; document.write(img); jseyeso=jseyesobj('jseyeslayer'); jseye1=jseyesobj('jseye1'); jseye2=jseyesobj('jseye2'); switch (browsertype) { case 1: document.onmousemove=jseyesmousemoveIE;break; case 2: document.captureEvents(Event.MOUSEMOVE);document.onmousemove=jseyesmousemoveNS;break; } }}function jseyesmousemoveNS(e) { jseyesmove(e.pageX, e.pageY); //return(false);}function jseyesmousemoveIE() { jseyesmove(event.clientX+document.body.scrollLeft, event.clientY+document.body.scrollTop); //return(false);}</script><script> jseyes();</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->http://javascriptbank.com/javascript/mouse/Watching_Eyes_2/eyeblue.gifhttp://javascriptbank.com/javascript/mouse/Watching_Eyes_2/eyes.gif