Maison > interface Web > js tutoriel > 给超链接添加特效鼠标移动展示提示信息且随鼠标移动_javascript技巧

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

WBOY
Libérer: 2016-05-16 17:19:50
original
1520 Les gens l'ont consulté

复制代码 代码如下:




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



分析



Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal