javascript实现图片跟随鼠标移动效果的方法
2015-05-13 15:41
1631 查看
本文实例讲述了javascript实现图片跟随鼠标移动效果的方法。分享给大家供大家参考。具体实现方法如下:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片跟着鼠标走</title> <script type="text/javascript"> function DivFlying() { var div = document.getElementById("divFly"); if (!div) { return; } var intX = window.event.clientX; var intY = window.event.clientY; div.style.left = intX + "px"; div.style.top = intY + "px"; } document.onmousemove = DivFlying; </script> </head> <body> <div id="divFly" style="position:absolute;"> <img src="fly.gif" /><br /> 低调的跟着鼠标飘过~~ </div> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- javascript实现图片跟随鼠标移动效果的方法
- JavaScript实现鼠标滑过图片变换效果的方法
- 文字或图片跟随鼠标移动或键盘控制图片移动实例(javascript实现)
- 完整的html+css+javascript实现跟随鼠标移动显示选中效果
- JavaScript简单实现鼠标移动切换图片的方法
- JavaScript简单实现鼠标移动切换图片的方法
- javascript文字跟随鼠标移动简易实现方法
- CSS3实现鼠标移动到图片上图片变大(缓慢变大,有过渡效果,放大的过程是有动画过渡的,这个过渡的时间可以自定义)
- 原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
- css3实现小米商城鼠标移动图片上浮阴影效果
- css实现鼠标移动图片居中放大效果
- 使用JS实现气泡跟随鼠标移动的动画效果
- js实现鼠标移动到图片产生遮罩效果
- js实现鼠标左右移动,图片也跟着移动效果
- JS原生代码实现鼠标移动图片随之移动效果(另加点击改变图片效果)
- jQuery实现鼠标滑过预览图片大图效果的方法
- jquery鼠标移动图片上实现放大效果
- jQuery鼠标移动图片上实现放大效果
- JS+html5实现跟随鼠标移动而散开的粒子效果
- CSS3实现鼠标移动到图片上图片变大(缓慢变大,有过渡效果,放大的过程是有动画过渡的,这个过渡的时间可以自定义)