<!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
利用Jquery实现标题框拖拽
最新推荐文章于 2020-03-09 15:31:58 发布