图片跟着鼠标移动
2018-03-28 15:28
204 查看
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <style type="text/css"> #im{position:absolute;} </style> </head> <body> <img src="timg.jpg" id="im" alt="" /> <script type="text/javascript"> var imobj=document.getElementById("im"); document.onmousemove=function(e){ imobj.style.left=e.clientX+"px"; imobj.style.top=e.clientY+"px"; } </script> </body> </html>
相关文章推荐
- 基于JavaScript实现鼠标箭头移动图片跟着移动
- jQuery学习20---鼠标移动时图片跟着移动,还有提示层的显示
- js实现鼠标左右移动,图片也跟着移动效果
- js实现页面上的图片跟着鼠标箭头移动
- Gridview中鼠标移动到项中的小图片后把图片放大
- JavaScript当鼠标移动到图片上时换图
- 图片跟随鼠标移动(期间鼠标不释放)以及释放鼠标(图片)时刻鼠标位置
- Control Study -> 当鼠标在图片上移动时,放大图像区域
- 通过鼠标的移动让图片移动
- html img 鼠标移动 修改图片
- HTML基础 img标签title属性 鼠标移动到图片上时显示文字
- CSS3实现鼠标移动到图片上图片变大
- 新版-图片更随鼠标移动
- JS实现图片跟随鼠标移动
- 让图片直线移动到鼠标点击位置,类似游戏里的人物走动!
- 完全用CSS实现鼠标移动到图片并更换图片
- web.鼠标.当有滚动条时,物体跟着鼠标移动
- js 鼠标移动显示图片
- 图片跟随鼠标移动(精简版跨浏览器实现)--鼠标事件
- 鼠标点击图片后移动事件