随鼠标移动的图片动态效果
2010-01-14 10:51
127 查看
<html>
<head>
<style type="text/css">
.mystyle1{
position:absolute;
left:20;
top:200;
}
</style>
<script type="text/javascript">
function move(x,y){
myPicture.style.left = x;
myPicture.style.top = y;
}
</script>
</head>
<body onmousemove="move(event.x, event.y)">
正文内容
<div class="mystyle1" id="myPicture"><img src="lover.jpg"></div>
<br>
</body>
</html>
<head>
<style type="text/css">
.mystyle1{
position:absolute;
left:20;
top:200;
}
</style>
<script type="text/javascript">
function move(x,y){
myPicture.style.left = x;
myPicture.style.top = y;
}
</script>
</head>
<body onmousemove="move(event.x, event.y)">
正文内容
<div class="mystyle1" id="myPicture"><img src="lover.jpg"></div>
<br>
</body>
</html>
相关文章推荐
- 55-002-1 HTML5图片列表页面的制作 鼠标移动图片动态显示,文字动态阴影效果,渐变效果 列表前增加样式序列号
- 鼠标移动观看图片效果(swf在文件中)
- Python基于pygame实现图片代替鼠标移动效果
- 鼠标移动图片震动效果
- jquery实现鼠标滑过后动态图片提示效果实例
- 图片鼠标移动缓慢运动效果
- 图片定义的title提示信息的样式以及提示信息跟随鼠标的移动而移动的效果
- javascript实现图片跟随鼠标移动效果的方法
- [vb.net]使用GDI+绘图达到图片随鼠标缩放与移动的效果
- 鼠标移动到图片显示遮罩效果
- js实现鼠标移动到图片产生遮罩效果
- css实现鼠标移动图片上放大效果
- CSS3实现鼠标移动到图片上图片变大(缓慢变大,有过渡效果,放大的过程是有动画过渡的,这个过渡的时间可以自定义)
- WPF 鼠标移动到图片变大,移开还原,单击触发事件效果
- 鼠标移动图片变暗渐隐效果
- 仿淘宝鼠标移动商品图片放大效果
- 鼠标移动链接上,滑动展开/隐藏图片效果
- 鼠标移动图片上遮罩效果
- 1.纯css实现鼠标移动图片切换的效果
- js实现鼠标左右移动,图片也跟着移动效果