jquery和javascript两种实现浮动窗口的拖拽效果(参照网上资料以及韩顺平老师讲解)

最新推荐文章于 2023-05-30 17:19:45 发布

jimolangge123

最新推荐文章于 2023-05-30 17:19:45 发布

阅读量471

点赞数

分类专栏： JavaScript和jquery

本文链接：https://blog.csdn.net/jimolangge123/article/details/42142715

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="./css/drag.css" type="text/css" rel="stylesheet">
<script type="text/javascript" language="javascript" src="./js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" language="javascript">
	$(document).ready(function(){
		$("#div1").mousedown(function(e){
			_move = true;
			_x=e.pageX-parseInt($("#div1").css("left"));   //获得鼠标相对于div1的x坐标的位置
	                _y=e.pageY-parseInt($("#div1").css("top"));    //获得鼠标相对于div1的y坐标的位置
	        $("#div1").fadeTo(20, 0.25);//

最低0.47元/天解锁文章

jimolangge123

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery和javascript两种实现浮动窗口的拖拽效果(参照网上资料以及韩顺平老师讲解)

Insert title here $(document).ready(function(){ $("#div1").mousedown(function(e){ _move = true; _x=e.pageX-parseInt($("#div1").css("left")); //获得鼠标相对于div1的x坐标的位置 _y=e.pa
复制链接

扫一扫