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

• 목록

<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번이 먹혔음.