jQuery 实现Div 可拖动

来源：互联网发布：数控编程视频教学视频编辑：程序博客网时间：2024/05/21 11:01

<!DOCTYPE html>

<html>
<head>
<style type="text/css">
.show {
background: #7cd2f8;
width: 300px;
height: 180px;
text-align: center;
position: absolute;
z-index: 1;
left: 100px;
top: 100px;
}

.show input {
width: 100px;
}
</style>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">

</script>
</head>
<body>
<div class="show">
用户名：<input type="text" name="username" /><br /> 密码：<input
type="password" name="password" /><br /> <input type="button"
value="提交"
onclick="javascript:window.location.href='http://www.163.com';" />
</div>
</body>

</html>

效果: