首頁 > web前端 > js教程 > Js滑鼠跟著程式碼小手點選實例方法_javascript技巧

Js滑鼠跟著程式碼小手點選實例方法_javascript技巧

WBOY
發布: 2016-05-16 17:33:41
原創
1484 人瀏覽過

[Ctrl A 全選 註:如需引入外部Js需刷新才能執行
]<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, 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 = "<img src='http://www.jb51.net/jscss/demoimg/201305/cursor_hover.png' / alt="Js滑鼠跟著程式碼小手點選實例方法_javascript技巧" >"; return false; } document.onmouseup = function(){ oCursor.innerHTML = "<img src='http://www.jb51.net/jscss/demoimg/201305/cursor.png' / alt="Js滑鼠跟著程式碼小手點選實例方法_javascript技巧" >"; } }; } </script>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板