레이어관련.. 마우스 올라갔을적에 특정레이어 불러오기
페이지 정보
작성자 최고관리자 작성일 21-02-10 17:31 조회 7,163 댓글 0본문
<script language="Javascript">
function Lview(Layerid){
document.all[Layerid].style.left=event.x+document.body.scrollLeft-241;
document.all[Layerid].style.top=event.y+document.body.scrollTop+1;
document.all[Layerid].style.visibility="visible";
}
function Lhide(Layerid){
document.all[Layerid].style.visibility="hidden";
}
//-->
</script>
<?
// $Layerid 는 문자형으로
echo "
<table>
<tr onmouseover=\"Lview('$Layerid');\" onmouseMove=\"Lview('$Layerid');\" onmouseout=\"Lhide('$Layerid'); this.style.backgroundColor=''; return true;\">
<td>
마우스올려봐
</td>
</tr>
</table>
<div id=$Layerid style=\"border-style:none;background:#ffffff;position:absolute;left:0px;top:0px;z-index:2;visibility:hidden;\" OnMouseOver=\"Lview('$Layerid');\" OnMouseOut=\"Lhide('$Layerid');\">
레이어의 내용
</div>
";
?>
===================================================================================
<script>
function MemoView(memo){
oElement = setFrm.document.elementFromPoint(event.x, event.y);//마우스가 움직일때의 대상객체
if(oElement.id.indexOf('MemoID')!=-1){ //id에 a가 있다면,
MemoDiv.style.display=''; //레이어를 보이고
MemoDiv.style.pixelLeft=event.x+10; //레이어의 가로 위치지정
MemoDiv.style.pixelTop=event.y; //레이어의 세로위치 지정
MemoDiv.innerHTML=oElement.MemoMent; //.split("@@").join("<br>");//레이어의 내용 출력
} else {
MemoDiv.style.display='none';//마우스가 엄한곳에 잇으면, 레이어 출력 off
}
}
</script>
<form name="setFrm">
<img src="이미지경로" id='MemoID' OnMouseMove='MemoView();' OnMouseOut="MemoDiv.style.display='none'" MemoMent="<pre>나갈멘트</pre>">
</form>
<div id=MemoDiv style="position:absolute;left:0;top:0;width:0;height:0;background:F0FFEC;filter:alpha(opacity=100);border: 1px solid;"></div>
function Lview(Layerid){
document.all[Layerid].style.left=event.x+document.body.scrollLeft-241;
document.all[Layerid].style.top=event.y+document.body.scrollTop+1;
document.all[Layerid].style.visibility="visible";
}
function Lhide(Layerid){
document.all[Layerid].style.visibility="hidden";
}
//-->
</script>
<?
// $Layerid 는 문자형으로
echo "
<table>
<tr onmouseover=\"Lview('$Layerid');\" onmouseMove=\"Lview('$Layerid');\" onmouseout=\"Lhide('$Layerid'); this.style.backgroundColor=''; return true;\">
<td>
마우스올려봐
</td>
</tr>
</table>
<div id=$Layerid style=\"border-style:none;background:#ffffff;position:absolute;left:0px;top:0px;z-index:2;visibility:hidden;\" OnMouseOver=\"Lview('$Layerid');\" OnMouseOut=\"Lhide('$Layerid');\">
레이어의 내용
</div>
";
?>
===================================================================================
<script>
function MemoView(memo){
oElement = setFrm.document.elementFromPoint(event.x, event.y);//마우스가 움직일때의 대상객체
if(oElement.id.indexOf('MemoID')!=-1){ //id에 a가 있다면,
MemoDiv.style.display=''; //레이어를 보이고
MemoDiv.style.pixelLeft=event.x+10; //레이어의 가로 위치지정
MemoDiv.style.pixelTop=event.y; //레이어의 세로위치 지정
MemoDiv.innerHTML=oElement.MemoMent; //.split("@@").join("<br>");//레이어의 내용 출력
} else {
MemoDiv.style.display='none';//마우스가 엄한곳에 잇으면, 레이어 출력 off
}
}
</script>
<form name="setFrm">
<img src="이미지경로" id='MemoID' OnMouseMove='MemoView();' OnMouseOut="MemoDiv.style.display='none'" MemoMent="<pre>나갈멘트</pre>">
</form>
<div id=MemoDiv style="position:absolute;left:0;top:0;width:0;height:0;background:F0FFEC;filter:alpha(opacity=100);border: 1px solid;"></div>
댓글목록 0
등록된 댓글이 없습니다.