利用Jquery实现标题框拖拽

最新推荐文章于 2021-08-30 11:16:17 发布

VIP文章 superwoman_yy

最新推荐文章于 2021-08-30 11:16:17 发布

阅读量709

点赞数

分类专栏：前端文章标签： jquery html

本文链接：https://blog.csdn.net/superwoman_yy/article/details/78257971

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.11.1.min.js" ></script>
		<script type="text/javascript">
		$(function(){
			center();
			//如果屏幕大小改变，自动居中
			$(window).resize(center);
			//让div绝对居中
			function center(){
				//获取屏幕的高度和宽度
				var winheight = $(document).height();
				var winwidth = $(document).width();
				//获取div的高度和宽度
				var divheight = $(".dialog").height();
				var divwidth = $(".dialog").width();
				//计算距左和距顶的距离 (屏幕-div)/2
				var _left = (winwidth-divwidth)/2;
				var _top = (winheight-divheight)/2;
				//把left和top赋给div
				$(".dialog").css({"left":_left+"px","top":_top+"px"});
			}
			
			//想要实现鼠标拖拽，必须是在鼠标按下之后，松开之前，所以需要绑定鼠标按下事件
			$(".dia

最低0.47元/天解锁文章

superwoman_yy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用Jquery实现标题框拖拽

$(function(){ center(); //如果屏幕大小改变，自动居中 $(window).resize(center); //让div绝对居中 function center(){ //获取屏幕的高度和宽度 var winheight = $(document).height(); var winwidth = $(document)
复制链接

扫一扫