本文實例講述了JS實現帶有小手點擊效果的鼠標跟隨代碼。分享給大家供大家參考，具體如下：

一個跟隨鼠標的小手效果，鼠標移在哪里，小手就跟著移向哪里，會出現手的效果，放在鏈接上的時候，手會變化，兩只手很可愛哦，JS鼠標跟隨代碼分享與大家。

運行效果截圖如下：

在線演示地址如下：

http://demo.jb51.net/js/2015/js-handle-style-focus-codes/

具體代碼如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

可愛的鼠標跟隨

html{ background:#000;}

body,html,input{ cursor:none;}

body,html{ height:100%;}

#cursor{ position:absolute; left:100px; top:100px; display:block;}

window.onload = function(){

var oCursor = document.getElementById("cursor");

document.οnmοusemοve=function (ev){

var oEvent=ev||event,

oWidth = document.documentElement.clientWidth,

oHeight = document.documentElement.clientHeight,

scrollTop=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 = "";

}

};

}

希望本文所述對大家JavaScript程序設計有所幫助。

時間： 2015-10-23

總結

以上是生活随笔為你收集整理的jquery 手型 鼠标穿过时_JS实现的鼠标跟随代码(卡通手型点击效果)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。