Heim >Web-Frontend >js-Tutorial >给超链接添加特效鼠标移动展示提示信息且随鼠标移动_javascript技巧

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

WBOY
WBOYOriginal
2016-05-16 17:19:501531Durchsuche

复制代码 代码如下:




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



分析



Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn