>웹 프론트엔드 >JS 튜토리얼 >Js 마우스 팔로우 코드 작은 손 클릭 인스턴스 method_javascript 기술

Js 마우스 팔로우 코드 작은 손 클릭 인스턴스 method_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:33:411465검색

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다
]<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 마우스 팔로우 코드 작은 손 클릭 인스턴스 method_javascript 기술" >"; return false; } document.onmouseup = function(){ oCursor.innerHTML = "<img src='http://www.jb51.net/jscss/demoimg/201305/cursor.png' / alt="Js 마우스 팔로우 코드 작은 손 클릭 인스턴스 method_javascript 기술" >"; } }; } </script>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.