Rumah > hujung hadapan web > tutorial js > 给超链接添加特效鼠标移动展示提示信息且随鼠标移动_javascript技巧

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

WBOY
Lepaskan: 2016-05-16 17:19:50
asal
1531 orang telah melayarinya

复制代码 代码如下:




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



分析



sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan