本代码描述: 这个代码很简单,不用js、flash,四种效果自己选吧!
预览一下吧!
代码:
<head> <title>四种鼠标悬停特效-www.hao51xx.com</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script> //--初始化-- // from hao51xx.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; offsetX = 0; offsetY = 20; 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"; toolTipSTYLE.display = "none"; } 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.display = "none"; //---------------------- } } else // 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" cellspacing="0" cellpadding="3" bgcolor=" + bg + "><td width= + tw + ><font face="Arial" color=" + fg + " size="-2"> + msg + \;</font></td></table></td></table>; if(ns4) { toolTipSTYLE.document.write(content); 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").filters[1].Apply(); if (bT) document.all("msg1").filters[2].Apply(); document.all("msg1").filters[0].opacity=cssopaction; if (rT) document.all("msg1").filters[1].Play(); if (bT) document.all("msg1").filters[2].Play(); } } } function moveToMouseLoc(e) { if(ns4||ns6) { x = e.pageX; y = e.pageY; } else { x = event.x + document.body.scrollLeft; y = event.y + document.body.scrollTop; } toolTipSTYLE.left = x + offsetX; toolTipSTYLE.top = y + offsetY; return true; } </script> <style type="text/css"> <!-- .trans_msg { filter:alpha(opacity=100,enabled=1) revealTrans(duration=.2,transition=1) blendtrans(duration=.2); } --> </style> </head> <script> </script> <body> <div id="toolTipLayer" style="position:absolute; visibility: hidden"></div> <script>initToolTips()</script> <font face="Arial"> <a href="#" onMouseOver="toolTip(好我要网<br>好多我要的,嘻嘻!)" onMouseOut="toolTip()">hao51xx.com</a></font> <font face="Arial"> <a href="#" onMouseOver="toolTip(超多网页特效,一网打尽, #FFFF00, red)" onMouseOut="toolTip()">网页特效</a></font> <font face="Arial"> <a href="#" onMouseOver="toolTip(源码下载请来hao51xx.com<br>高质量资源等着 您!, #FFFF00, orange)" onMouseOut="toolTip()">好我要下载</a></font> <font face="Arial"> <a href="#" onMouseOver="toolTip(<marquee>再见,有机会再来哦!</marquee>, #FFFF00, orange)" onMouseOut="toolTip()">希望再次光临!</a
CopyRight© 2008-2009 hao51xx.com, 本站部分资源来于网络,版权文责归原作者,对于任何事宜本站将在第一时间处理。