마우스 따라다니는 레이어 만들기 > JavaScript

본문 바로가기

사이트 내 전체검색

뒤로가기 JavaScript

마우스 따라다니는 레이어 만들기

페이지 정보

작성자 최고관리자 작성일 21-02-10 17:37 조회 7,361 댓글 0

본문

<script language="javascript">
 <!--
function FollowLayer1('LayerID')
 {
  var obj=document.getElementById(LayerID);
 
  var tempX = 0;
  var tempY = 0;                   
  tempX = event.clientX + document.body.scrollLeft + 10;
  tempY = event.clientY + document.body.scrollTop + 10;
  if (tempX < 0){tempX = 0;}
  if (tempY < 0){tempY = 0;} 
 
  obj.style.left=tempX;
  obj.style.top=tempY;
  obj.style.display='';
 }

 function FollowLayer2('LayerID')
 {
  var obj=document.getElementById(LayerID);
  obj.style.left=event.x+10;
  obj.style.top=event.y+10;
  obj.style.display='';
 }



 function FollowLayer3('LayerID')
 {
  var obj=document.getElementById(LayerID);
  obj.style.pixelLeft=event.x+10;
  obj.style.pixelTop=event.y+10;
  obj.style.display='';
 }

 //-->
 </script>




 OnMouseMove="MemoView('LayerID');" OnMouseOut="LayerID.style.display='none';"

 <div id="LayerID" style="position:absolute;left:0;top:0;background:ffffff;border:1px solid;display:none;"><pre>레이어 내용</pre></div>



 1,2,3 중 되는 것으로.... win8에 익스10의 경우 1번이 먹혔음.

댓글목록 0

등록된 댓글이 없습니다.

Copyright © beautipia.co.kr. All rights reserved.

contact : webmaster@beautipia.co.kr

PC 버전으로 보기