首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

给超链接增添特效-鼠标移动到上展示提示信息-提示信息跟随鼠标移动

2013-10-18 
给超链接添加特效-鼠标移动到上展示提示信息-提示信息跟随鼠标移动!DOCTYPE HTML PUBLIC -//W3C//DTD HT

给超链接添加特效-鼠标移动到上展示提示信息-提示信息跟随鼠标移动

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <title> New Document </title> </head><script>var c$={};var w$=function(s){document.write(s);}var o$=function(id){return document.getElementById(id);}w$("<div id=\"ts\" style=\"position:absolute;background-color:#FFFFE6;font-size: 12px;padding: 3px;border: 1px solid #FFCC99;display:none\"></div>");c$.mmove=function(o,s){//alert(typeof(s));var evt=event||window.event;var x=evt.clientX+5;var y=evt.clientY+20;o$("ts").style.left=x+"px";o$("ts").style.top=y+"px";if(s==""||typeof(s)=="undefined"){o$("ts").innerHTML=o.innerHTML;}else{o$("ts").innerHTML=s}o$("ts").style.display="";}c$.mout=function(){o$("ts").style.display="none";}</script> <body>  <a href="#" onmousemove="c$.mmove(this,'点击查看设备误差分析');" onmouseout="c$.mout();">     <span style="color:blue;text-decoration:underline;">分析 </span>  </a> </body></html>


热点排行