首页 >web前端 >js教程 >给超链接添加特效鼠标移动展示提示信息且随鼠标移动_javascript技巧

给超链接添加特效鼠标移动展示提示信息且随鼠标移动_javascript技巧

WBOY
WBOY原创
2016-05-16 17:19:501525浏览

复制代码 代码如下:




New Document

<script> <BR>var c$={}; <BR>var w$=function(s){document.write(s);} <BR>var o$=function(id){return document.getElementById(id);} <BR>w$("<div id=\"ts\" style=\"position:absolute;background-color:#FFFFE6;font-size: 12px;padding: 3px; border: 1px solid #FFCC99;display:none\"></script>
");

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";
}



分析



声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn