프리카운터넷 - 카운터, 로그분석

웹공부방

프로그래밍&개발

기존 공부방

메뉴에 마우스가 올라오면 그 메뉴에 대한 간단한 풍선 도움말을 보여주는 예제 입니다.

사용법은 해당 링크또는 이미지에 아래 부분을 삽입해 주세요

onmouseover="msgset('설명 입력')" onmousemove="msgposit()" onmouseout="msghide()"

설명 입력 부분에 마우스 올라오면 나타날 설명을 넣어 주시면 됩니다


	[소스] <p align="center"> <a href="#" onmouseover="msgset('이건 메뉴1 ^^')" onmousemove="msgposit()" onmouseout="msghide()">메뉴1</a> </p> <p align="center"> <a href="#" onmouseover="msgset('이건 메뉴2 ^^')" onmousemove="msgposit()" onmouseout="msghide()">메뉴2</a> </p> <p align="center"> <a href="#" onmouseover="msgset('지하철에 <b>치킨맨</b> 등장!!!')" onmousemove="msgposit()" onmouseout="msghide()"><img src="share7.jpg"></a> </p> <script language="JavaScript"> <!-- document.writeln('<div id="msg" style="position:absolute; left:61px; top:84px; width:180px; height:17px; z-index:6; border-width:1px; border-style:none;"></div>') function msgposit(){ if(event.x < document.body.clientWidth-160)msg.style.posLeft=event.x - 50 else msg.style.posLeft = document.body.clientWidth-210 msg.style.posTop = event.y + 25 + document.body.scrollTop } function msgset(str){ msg.style.visibility='visible' var text text ='<table onmouseover="msgposit()" border="0" cellpadding="6" cellspacing="0" bgcolor="#FDFFF2" style="font-size:9pt; border-width:1; border-color:black; border-style:solid;">' text += '<tr><td>' + str + '</td></tr></table>' msg.innerHTML=text } function msghide(){ msg.style.posTop=0 msg.style.posLeft=0 msg.style.visibility='hidden' } //--> </script>

FREECOUNT.NET 프카넷 생긴날 2003.12.20 홈 | 카운터 | 플래시북 | 프리보드 | 전광판 | 웹공부방 | 커뮤니티 | 쪽지함