又一款跟随鼠标效果,光标指针下的“方块”,鼠标移到哪里,方块就跟到哪里,运用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>提示:可修改后代码再运行!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。