易网时代-编程资源站
Welcome
微信登录
编程资源
图片资源库
蚂蚁家优选
PDF转换器
软件资源
软件开发
、
小程序制作
、
系统集成与运维
、
空间租用
、
硬件开发
、
视频监控
、
技术咨询与支持
——联系电话：0311-88999002/88999003
首页
/
脚本样式
/
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
网站地图
易网时代-编程资源站
易网时代-编程资源站