한국어
웹 페이지 특수 효과 코드: 동적 프롬프트 텍스트 효과를 따르는 매우 좋은 마우스 4개
<head> <title>동적 프롬프트를 따르는 멋진 마우스 downcodes.com</title> <meta http-equiv="Content-Type" content="text/ html ; charset=gb2312"> <script> //--변수 초기화-- // downcodes.com에서 var rT=true;//이미지 전환 허용 var bT=true;//이미지 페이드 인 및 아웃 허용 var tw= 150; //프롬프트 상자 너비 var endaction=false;//애니메이션 종료 var ns4 = document.layers; var ns6 = document.getElementById && !document.all; var ie4 = document.all; var toolTipSTYLE =""; function initToolTips() { if(ns4||ns6||ie4) { if(ns4) toolTipSTYLE = document.toolTipLayer; else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style; else if (ie4) toolTipSTYLE = document.all.toolTipLayer.style; if(ns4) document.captureEvents(Event.MOUSEMOVE); else { toolTipSTYLE.visibility = "visible" } document.onmousemove = moveToMouseLoc ; } } function toolTip(msg, fg, bg) { if(toolTip.arguments.length < 1) // hide { if(ns4) { toolTipSTYLE.visibility = "hidden" } else { //--이미지 전환, 페이드아웃 처리-- if (!endaction) {toolTipSTYLE.display = "none";} if (rT) document.all("msg1").filters[1].Apply() if (bT) document .all( "msg1").filters[2].Apply(); document.all("msg1").filters[0].opacity=0; if (rT) document.all("msg1").filters[ 1].Play(); if (bT) document.all("msg1").filters[2].Play(); if (rT){ if (document.all("msg1").filters[1]. status== 1 || document.all("msg1").filters[1].status==0){ toolTipSTYLE.display = "none";} } if (bT){ if (document.all("msg1" ).filters [2].status==1 || document.all("msg1").filters[2].status==0){ toolTipSTYLE.display = "none";} } if (!rT && !bT ) toolTipSTYLE. = "없음"; //---------------------- } } // show { if(!fg) fg = "#777777 "; if (!bg) bg = "#eeeeee"; var content = '<table id="msg1" name="msg1" border="0"cellspacing="0" cellpadding="1" bgcolor="' + fg + ' " class="trans_msg"><td>' + '<table border="0" cellpacing="0" cellpadding="3" bgcolor="' + bg + '"><td 너비=' + tw + '> <fontface="Arial" color="' + fg + '" size="-2">' + msg + ' </font></td></table></td> </table >'; if(ns4) { toolTipSTYLE.document.close(); toolTipSTYLE.visibility = "visible" } if(ns6) { document.getElementById("toolTipLayer") .innerHTML = content; toolTipSTYLE.display='block' } if(ie4) { document.all("toolTipLayer").innerHTML=content; toolTipSTYLE.display='block' //--이미지 전환, 페이드인 처리- - var cssopaction= document.all("msg1").filters[0].opacity document.all("msg1").filters[0].opacity=0; if (rT) document.all("msg1"). 필터[1] .Apply(); if (bT) document.all("msg1").filters[2].Apply(); document.all("msg1").filters[0].opacity=cssopaction; (rT) document .all("msg1").filters[1].Play(); if (bT) document.all("msg1").filters[2].Play() //---- ---- ------------- } } } function moveToMouseLoc(e) { if(ns4||ns6) { x = e.pageX = e.pageY } else { x; = event.x + document.body.scrollLeft; y = event.y + document.body.scrollTop; } toolTipSTYLE.left = x + offsetX; y + offsetY; type="text /css"> <!-- .trans_msg { filter:alpha(opacity=100,enabled=1) discoverTrans(duration=.2,transition=1) blendtrans(duration=.2) } --> </style> </head> <script> </script> <body> <div id="toolTipLayer" style="position:absolute; 가시성: 숨김"></div> <script>initToolTips()</script > <font Face ="Arial"> <a href="#" onMouseOver="toolTip('이거 좋은 것 같아요<br>어떻게 생각하시나요<br>하하')" onMouseOut="toolTip()">테스트 1</a> </font> <font Face="Arial"> <a href="#" onMouseOver="toolTip('사용하시겠습니까? 사용하기 정말 좋아요', '#FFFF00', 'red ')" onMouseOut=" toolTip()">테스트 1</a></font> <fontface="Arial"> <a href="#" onMouseOver="toolTip('좋은 일이네요<br> 어떻게 생각하시나요<br> 하하', '#FFFF00', 'orange')" onMouseOut="toolTip()">테스트 3</a></font> <font Face="Arial"> <a href= "#" onMouseOver="toolTip ('<marquee>실행! 실행</marquee>', '#FFFF00', 'orange')" onMouseOut="toolTip()">테스트 4</a></font> < /본문>