又一款跟随鼠标效果,光标指针下的“方块”,鼠标移到哪里,方块就跟到哪里,运用DIV+CSS技术实现,兼容多种主流浏览器。代码分享给大家供参考。
演示:
<!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"><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><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><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:<a href='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></div>提示:可修改后代码再运行!
上一篇 小刀:网站为什么很久都不更新百度快照
下一篇 Access入门教程 10.2 使用表达式生成器