易网时代-编程资源站
Welcome
微信登录
首页
/
脚本样式
/
JavaScript
/
随鼠标移动的图片或文字特效代码
<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>跟随鼠标的图片特效</title> <script language="javascript" type="text/javascript"> document.onmousemove = function （） { var x = window.event.clientX; var y = window.event.clientY; var divId = document.getElementById（"divId"）; if （！divId） { return; } divId.style.left = x; divId.style.top = y; } </script> </head> <body>这里放的是图片</body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
其实这段代码很简单，也很好理解，只是获取了当前鼠标在屏幕中的位置； 然后再把坐标值赋给图片，或者文字！当然要用到 position:absoluute; 绝对定位！
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站