<!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> <title>一个跟随鼠标的红色方块,非图片</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <!--把下面代码加到<head>与</head>之间--> <style type="text/css"> #a{width:15px;height:15px;font-size:0px;border:solid 1px red;background-color:red;position:absolute;border:1px solid #000;} </style> </head> <body> <!--把下面代码加到<body>与</body>之间--> <div id="a"></div> <script type="text/javascript"> window.onload=function(){ var d=document; d.attachEvent? d.attachEvent("onmousemove",bb) : d.addEventListener("mousemove",bb,false) } function bb(oEvent){ var t=document.getElementById("a"); var o=oEvent||window.event; t.style.left=o.clientX-t.offsetWidth/2+'px'; t.style.top=o.clientY-t.offsetHeight/2+'px'; } </script> </body> </html> <p align="center">本特效由 <a href="http://www.daimajiayuan.com" target="_blank">代码家园</a>丨CsrCode.Cn 收集于互联网,只为兴趣与学习交流,不作商业用途。</p> 运行代码 复制代码 另存代码 提示:可以先修改部分代码后再运行 转载请注明:代码家园 » 一款跟随鼠标的红色方块,非图片 继续浏览有关 的文章 上一篇:跟随鼠标的玩具火车 下一篇:随鼠标点击旋转跳动的足球 相关代码 JS打造的跟随鼠标移动的小星星组成的图案 jQuery实现的鼠标悬停提示特效 JS跟随鼠标飞舞的星星 用CSS实现改变鼠标形状的代码 + 鼠标单击图片,即可自由拖动图片位置 + 围绕鼠标不停运动的雪花 + 鼠标悬停图片时周围变暗 + 很漂亮跟随鼠标的荧光照射特效 + 小巧实用的跟随鼠标的时钟 + 围绕鼠标不停旋转的多条螺旋彩带 + 鼠标滑过链接弹出警告框 + 跟随鼠标的幻影特效的彩球 + 只在图片上屏蔽鼠标右键 + 禁止鼠标右键并自动跳转到指定页面 + 以鼠标为中心的蜘蛛网放射线 + 跟随鼠标的走马灯滚动文字