마우스 따라다니는 레이어 만들기
페이지 정보
작성자 최고관리자 작성일 21-02-10 17:37 조회 7,080 댓글 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번이 먹혔음.
<!--
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
등록된 댓글이 없습니다.