[分享]jQuery实现鼠标拖动图片效果示例代码
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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" src="jquery-1.4.4.js"></script>
<script type="text/javascript">
$(function(){
$("html").mousemove(function(e){
$("#a").css("left",e.pageX).css("top",e.pageY);
});
});
</script>
<style type="text/css">
.a {
width:200px;
height:100px;
position:absolute;
background-color:rgb(0,0,0);
}
</style>
</head>
<body>
<img src="图片" id="a" name="a" class="a" >
只做了一个简单的实例
</body>
</html>
相关文章
- jQuery动态添加、删除元素DOM的方法(2014-1-20 11:46:52)
- 细说jQuery自定义函数的多种方法(2014-1-16 14:37:40)
- js获取select标签选中值(option seleced)的两种方式(2014-1-16 13:47:21)
- jQuery如何实现点击页面获得当前点击元素的id或其它信息(2014-1-16 13:44:42)
- [监控]js计算用户打开网页的停留时间(2014-1-16 12:21:34)
- [十二生肖属相]js计算星座属相示例代码(2014-1-16 12:19:59)
- JQuery实现鼠标移动到图片上显示边框效果(2014-1-10 12:18:16)
- jquery和js中如何将一个元素的内容赋给另一个元素(2014-1-10 11:6:53)
- 仿腾讯发表微博的JS效果代码(2013-12-26 15:6:42)
- 前端开发面试题及答案(2013-12-2 16:1:8)
