jQuery实现拖动效果的实例代码,具体代码如下所示:
<!DOCTYPE html>
<html>
<head>
<style>
div{ width:100px; height:100px; background:red; position:absolute;}
</style>
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script>
$(function(){
var disX = 0;
var disY = 0;
$('div').mousedown(function(ev){
disX = ev.pageX - $(this).offset().left;//获取鼠标到元素的left,top位置
disY = ev.pageY - $(this).offset().top;
$(document).mousemove(function(ev){
$('div').css('left',ev.pageX - disX);//获取移动后鼠标的位置,并重新赋值给元素
$('div').css('top',ev.pageY - disY);
});
$(document).mouseup(function(){
$(document).off();
});
return false;
});
});
</script>
</head>
<body>
<div></div>
</body>
</html>
以上所述是小编给大家介绍的jQuery实现拖动效果的实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
# jquery实现
# 拖动
# jQuery动态添加可拖动元素完整实例(附demo源码下载)
# jquery拖动层效果插件用法实例分析(附demo源码)
# 使用jQuery的easydrag插件实现可拖动的DIV弹出框
# jQuery实现简单的DIV拖动效果
# jQuery实现div随意拖动的实例代码(通用代码)
# jQuery拖动元素并对元素进行重新排序
# jQuery实现移动端滑块拖动选择数字效果
# 鼠标
# 小编
# 给大家
# 所示
# 所述
# 给我留言
# 有任何
# px
# height
# div
# width
# absolute
# script
# type
# background
# red
# position
# brush
# js
相关文章:
较简单的网站制作软件有哪些,手机版网页制作用什么软件?
建站主机是否属于云主机类型?
桂林网站制作公司有哪些,桂林马拉松怎么报名?
沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息?
昆明网站制作哪家好,昆明公租房申请网上登录入口?
建站之星24小时客服电话如何获取?
清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情?
建站主机选购指南:核心配置与性价比推荐解析
,网站推广常用方法?
建设网站制作价格,怎样建立自己的公司网站?
如何选择香港主机高效搭建外贸独立站?
如何在沈阳梯子盘古建站优化SEO排名与功能模块?
javascript中的try catch异常捕获机制用法分析
义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么?
定制建站是什么?如何实现个性化需求?
如何在Golang中使用replace替换模块_指定本地或远程路径
制作假网页,招聘网的薪资待遇,会有靠谱的吗?一面试又各种折扣?
网站图片在线制作软件,怎么在图片上做链接?
如何在阿里云部署织梦网站?
网站制作壁纸教程视频,电脑壁纸网站?
制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站?
手机怎么制作网站教程步骤,手机怎么做自己的网页链接?
企业网站制作费用多少,企业网站空间一般需要多大,费用是多少?
网站插件制作软件免费下载,网页视频怎么下到本地插件?
学校免费自助建站系统:智能生成+拖拽设计+多端适配
5种Android数据存储方式汇总
安云自助建站系统如何快速提升SEO排名?
北京的网站制作公司有哪些,哪个视频网站最好?
网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?
TestNG的testng.xml配置文件怎么写
怀化网站制作公司,怀化新生儿上户网上办理流程?
如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗?
网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?
广州营销型建站服务商推荐:技术优势与SEO优化解析
网站好制作吗知乎,网站开发好学吗?有什么技巧?
如何在阿里云购买域名并搭建网站?
建站10G流量真的够用吗?如何应对访问高峰?
建站之星后台管理如何实现高效配置?
婚礼视频制作网站,学习*后期制作的网站有哪些?
建站OpenVZ教程与优化策略:配置指南与性能提升
学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?
如何通过VPS建站无需域名直接访问?
建站主机如何安装配置?新手必看操作指南
网站制作与设计教程,如何制作一个企业网站,建设网站的基本步骤有哪些?
小自动建站系统:AI智能生成+拖拽模板,多端适配一键搭建
如何通过网站建站时间优化SEO与用户体验?
兔展官网 在线制作,怎样制作微信请帖?
一键网站制作软件,义乌购一件代发流程?
无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍?
历史网站制作软件,华为如何找回被删除的网站?
*请认真填写需求信息,我们会在24小时内与您取得联系。