움직이는 텍스트 팁 만들기
Posted 2007/11/30 09:28, Filed under: programming/JavaScript<HTML>
<HEAD>
<TITLE> 움직이는 텍스트 팁 만들기 </TITLE>
<STYLE TYPE="text/css">
<!--
#texttip {
position:absolute;
top:0;
left:0;
border:solid 2 black;
background:tomato;
color:white;
font-size:9pt;
width:250;
height:20;
padding:2;
overflow:hidden;
z-index:10;
display:none;
}
-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- HIDE FROM OTHER BROWSER
function showtip(text) {
texttip.innerText=text;
texttip.style.display="inline";
}
function hiddentip() {
texttip.style.display="none";
}
function movetip() {
texttip.style.pixelTop=event.y+document.body.scrollTop;
texttip.style.pixelLeft=event.x+document.body.scrollLeft+10;
}
document.onmousemove=movetip;
// STOP HIDING -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="white">
<SPAN ID="texttip"></SPAN>
<H2 align=center> 움직이는 텍스트 팁 만들기 </H2>
<DIV onMouseOver="showtip('자바스크립트의 강좌와 예제가 있습니다 ');" onMouseOut="hiddentip();">[ JavaScript ]</DIV><BR>
<DIV onMouseOver="showtip('스타일 시트의 모든 걸 확인할 수 있습니다 ');" onMouseOut="hiddentip();">[ CSS ]</DIV><BR>
<DIV onMouseOver="showtip('DHTML의 노하우를 전수 받습니다 ');" onMouseOut="hiddentip();">[ DHTML ]</DIV>
<BR><BR>
<TABLE BORDER=0 BGCOLOR="#C4DAFF" WIDTH="100%">
<TR><TD ALIGN="center">
<FONT SIZE="2"> Copyright © 2002
<A HREF="mailto:taewoong7@netsgo.com">trustnoonoe.tistory.com</A>
All Rights Reserved. </FONT>
</TD></TR>
</TABLE>
</BODY>
</HTML>
이올린에 북마크하기'programming > JavaScript' 카테고리의 다른 글
| 타이핑 텍스트 만들기 (0) | 2007/11/30 |
|---|---|
| 움직이는 텍스트 팁 만들기 (0) | 2007/11/30 |
| 주민등록번호 확인 팁 (0) | 2007/11/30 |
| 웹 브라우저 창 흔들기 (0) | 2007/11/30 |
Trackback URL : http://trustnoone.tistory.com/trackback/480
