标题 | 鼠标文字显示特效 |
范文 | 鼠标文字显示特效,当鼠标移动到文字上面时,显示预订的内容 运行效果:鼠标文字显示特效 代码如下: <a href=# onmouseover = popup('测试数据内容','green'); onmouseout=kill();>测试</a> <div id=dek class=dek></div> <script type=text/javascript> xoffset=-60; yoffset= 20; var nav,old,iex=(document.all),yyy=-1000; if(navigator.appname==netscape){(document.layers)?nav=true:old=true;} if(!old){ var skn=(nav)?document.dek:dek.style; if(nav)document.captureevents(event.mousemove); document.onmousemove=get_mouse; } function popup(msg,bak){ var content=<table border=0 bgcolor='red' cellpadding='3' cellspacing='1' ><td nowrap + bgcolor=+bak+ align=left class=novdn>+ +msg+ +</td></table>; if(old){alert(msg);return;} else{yyy=yoffset; if(nav){skn.document.write(content);skn.document.close();skn.visibility=visible} if(iex){document.all(dek).innerhtml=content;skn.visibility=visible} } } function get_mouse(e){ var x=(nav)?e.pagex:event.x+document.body.scrollleft;skn.left=x+xoffset+50; var y=(nav)?e.pagey:event.y+document.body.scrolltop;skn.top=y+yyy; } function kill(){ if(!old){yyy=-1000;skn.visibility=hidden;} } </script> |
随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。