鼠标跟随文字代码-鼠标特效-点滴吧

www.diandiba.com

记录点点滴滴，尽在点滴吧

文章

您现在的位置：首页 > 鼠标特效 > 特效详情

鼠标跟随文字代码

更新时间：2015/1/4 22:43:49 下载：3454次

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body class="mydiv" onmousemove="showPop(event)" onmouseout="hidePop(event)">
 <script type="text/javascript">
 function showPop(myEvent) {
 var d = document.getElementById('floatDiv');
 d.style.display='block';
 d.style.top = eval(myEvent.clientY+15 + document.documentElement.scrollTop + document.body.scrollTop)+'px';
 d.style.left = eval(myEvent.clientX +25)+'px';
 }
 function hidePop() {
 var d = document.getElementById('floatDiv');
 d.style.display='none';
 }
 </script>
 <div id="floatDiv" style="position:absolute; border:1px solid #666; padding:6px; background:#f1f1ba; display:none; z-index:10000;">鼠标跟随文字</div>
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
 &#160;
</body>
</html>

预览效果复制代码保存代码提示：可以先修改部分代码后再运行

上一个素材：禁止右键 下一个素材：没有了