다이나믹 툴팁 (툴팁이 점점 커지면서 나타납니다)
작성일 07-08-08 17:58
페이지 정보
작성자서방님 조회 195회 댓글 0건본문
<html>
<head>
<title>BLUEB</title>
<script language="JavaScript" type="text/javascript">
<!--
var DHTML=ALink=URLS=new Array();
var toggle=true;
var DynamicResizer=DynamicFSResizer=0;
var OFFSET=10; // - OFFSET form cursor
var WIDTH=200; // - Max width
var MaxFS=20; // - Max Font Size
var AMT=5; // - Amount to add each cycle when resizing
var TIMEOUT=30; // - Number in Milliseconds for timeout
var T; // - Timer
window.onload=setXY;
window.document.onmousemove=followMOUSE;
function setXY() {
if(navigator.appName=="Netscape")document.captureEvents(Event.MOUSEMOVE);
setVars();
}
function setVars() {
RICHARD=document.getElementById('DISPLAY');
}
function followMOUSE(e) {
RICHARD.style.left=(navigator.appName=="Netscape")?e.PageX:event.clientX+OFFSET;
RICHARD.style.top=(navigator.appName=="Netscape")?e.PageY:event.clientY+OFFSET;
}
function creatDHTML(SCRIPTING) {
RICHARD.innerHTML=DHTML[SCRIPTING];
RICHARD.className="Alt";
RICHARD.style.visibility="visible";
toggle=true;
EFFECT();
}
function DynamicHTML() {
RICHARD.style.visibility="hidden";
DynamicFSResizer=0;DynamicResizer=0;
toggle=false;
clearTimeout(T);
}
function EFFECT() {
if(toggle)
{
if(DynamicResizer<WIDTH)
{
with(RICHARD.style)
{
width=DynamicResizer;
fontSize=DynamicFSResizer;
}
if(DynamicFSResizer<=MaxFS)DynamicFSResizer++;
DynamicResizer+=AMT;
}
}
T=setTimeout("EFFECT();",TIMEOUT);
}
function HAWAII(){
HUCKO="http://DynamicScripts.tk";
location.href=HUCKO;
}
//-->
</script>
</head>
<body>
링크에 마우스를 올려보세요..<br>
<div id="JavaScripts" name="Dynamic">
<span id="Dynamic" name="JavaScripts">
<script language="JavaScript" type="text/javascript">
<!--
ALink=["One","Two","Three","Four","Five"]; //제목
DHTML=["첫번째 툴팁입니다.","두번째 툴팁입니다.","세번째 툴팁입니다.","네번째 툴팁입니다..","다섯번째 툴팁입니다.!!!"]; //툴팁
URLS=["http://www.blueb.co.kr","http://www.blueb.co.kr","http://www.blueb.co.kr","http://www.blueb.co.kr","http://www.blueb.co.kr"]; //URL
if(DHTML.length<ALink.length)DHTML.length=ALink.length;
for(var scripts=0;scripts<ALink.length;scripts++)
document.write('<a href="'+URLS[scripts]+'" class="LINKS" onmouseover="creatDHTML('+scripts+')" onmouseout="DynamicHTML()">'+ALink[scripts]+'</a><b style="visibility:hidden;">_</b>');
if(navigator.appName=="Netscape")document.write("<br />");
//-->
</script>
<span id="DISPLAY" style="visibility:hidden;position:absolute;background-color:#FFFDE8;font-family:돋움;border:1px #999999 solid;padding:5px;"></span>
</span>
</div>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.