跟随鼠标飘动的图片
2011-02-07 12:11
232 查看
javascript代码:
网页内容:
function initevent() { var pic = document.getElementById("pic"); if (!pic) { return; } document.onmousemove = function () { pic.style.display = ""; pic.style.top = window.event.clientY; pic.style.left = window.event.clientX; }; document.onmouseout = function () { pic.style.display = "none"; }; }
网页内容:
<body onload="initevent()"> <div id="pic" style="position:absolute;display:none;"><img src="pvfhv.jpg" /></div> </body>
相关文章推荐
- 图片跟随鼠标
- jquery实现图片跟随鼠标的实例
- 可跟随鼠标实现立体翻转的JS图片展示效果
- JS实现图片跟随鼠标移动
- JS实现图片跟随鼠标移动
- 当鼠标移动到图片上时,跟随鼠标显示放大的图片
- 图片跟随鼠标点击走
- javascript实现图片跟随鼠标移动效果的方法
- 很酷的时钟 (跟随鼠标飘动的双层时钟!)
- js实现跟随鼠标移动且带关闭功能的图片广告实例
- 当鼠标移动到图片上时跟随鼠标显示放大的图片效果
- 图片自适应缩放局中 鼠标滑过跟随预览-JQuery
- 鼠标跟随图片看大图
- javascript实现图片跟随鼠标移动效果的方法
- 收集一个跟随鼠标一起飘动的时钟
- js 小技巧 鼠标跟随图片特效
- 飘动的字符跟随鼠标
- 跟随鼠标移动放大图片
- 一个跟随鼠标的图片放大效果,与FF兼容
- [JS实例] 跟随鼠标移动而发生视差动画的图片