再加个功能,像xp系统拉动窗口一样,拉动时,要拉动的窗口不动,变出一个同等大小,中间没东西,只有边框的东西,拉动时,这个东西会随着你的拉动移动,等到你放开左键,

dwa4821 2016-05-26 04:04:10
做出来了


再加个功能,像xp系统拉动窗口一样,拉动时,要拉动的窗口不动,变出一个同等大小,中间没东西,只有边框的东西,拉动时,这个东西会随着你的拉动移动,等到你放开左键,这东西消失,要拉动的窗口出现在你要的位置。

谢谢帮忙

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<div>不是获取我</div>
<div id="_this">
<span id="_title">
来获取我的内容
</span>
</div>

<script>
var a = false;
var offset;
document.getElementById("_title").onmousedown=function(event){
a = true;
var b=document.getElementById('_this');
offset = {
x:event.pageX-b.offsetLeft,
y:event.pageY-b.offsetTop
};
}
window.onmouseup=function(event){
a = false;
}
window.onmousemove=function(event){
if (!a)
return;
var b=document.getElementById('_this');
b.style.width='200px';
b.style.height='200px';
b.style.position='absolute';
b.style.backgroundColor="#666";
var spa=b.getElementsByTagName('span');
var spa0=spa.item(0);
spa0.style.width='200px';
spa0.style.height='30px';
spa0.style.backgroundColor="red";
spa0.style.display='inline-block';
var d= event.pageX;
var e=event.pageY;
b.style.left=(d-offset.x)+"px";
b.style.top=(e-offset.y)+"px";
}
</script>
</body>
</html>
...全文
102 回复 打赏 收藏 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,984

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧