레이어관련.. 마우스 올라갔을적에 특정레이어 불러오기 > JavaScript

본문 바로가기

사이트 내 전체검색

뒤로가기 JavaScript

레이어관련.. 마우스 올라갔을적에 특정레이어 불러오기

페이지 정보

작성자 최고관리자 작성일 21-02-10 17:31 조회 6,361 댓글 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>

댓글목록 0

등록된 댓글이 없습니다.

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

contact : webmaster@beautipia.co.kr

PC 버전으로 보기