jquery实现鼠标拖动图片效果示例代码
更新时间：2014年01月09日 15:41:36 作者：
鼠标拖动图片的效果想必大家都有见到过吧，其实实现起来很简单的，下面使用query来实现下，感兴趣的朋友不要错过
复制代码 代码如下:
<!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实现两Select标签项互调的具体实现，比较简单，比较实用2014-09-09
下面小编就为大家带来一篇使用JQuery选择HTML遍历函数的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
本文主要给大家分享的是使用jQuery实现html元素可拖拽的效果，十分的炫酷，代码也相对比较简单，有需要的小伙伴可以参考下。2015-07-07
今天给大家分享一款页面无缝滚动的jquery.scroll插件。 支持上下左右，淡入淡出，滚动时间设置，动画时间设置，鼠标经过是否停止设置，滚动鼠标液动条看下页面的切换效果。该插件适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。2015-04-04
jQuery EasyUI API 中文文档 - Panel面板
jQuery EasyUI API 中文文档 - Panel面板，使用jQuery EasyUI的朋友可以参考下。2011-09-09
这篇文章主要介绍了jQuery toggle 代替方法 的相关资料,需要的朋友可以参考下2016-03-03
这篇文章主要介绍了jQuery之关于resize()方法的使用，具有很好的价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
文章介绍了几个在jQuery中非常有用的遍历函数，遍历函数是做么的方便。当在它们一起使用时，它们将更加强大。也就是说，一个函数的输出是另一个函数的输入，它们是链式的。下面我们就来详细探讨下吧。2015-07-07
这篇文章主要介绍了jquery easyui combox一些实用的小方法，有需要的朋友可以参考一下2013-12-12
下面小编就为大家带来一篇利用jQuery来动态为属性添加或者删除属性的简单方法。小编觉的挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
最新评论