📄 windowsvista窗口.htm
字号:
<!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" lang="gb2312">
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body background="http://www.mybbs.org/david/Royale.jpg">
<script language="javascript">
var photourl=new Image();
photourl.src="http://www.mybbs.org/david/1.png";
photourl=null;
photourl=new Image();
photourl.src="http://www.mybbs.org/david/2.png";
photourl=null;
var obj_moing=false;
var obj_Ofx=0;
var obj_Vfx=0;
var obj_lastx=0;
var obj_Ofy=0;
var obj_Vfy=0;
var obj_lasty=0;
var alldivnum=4;
var allwidth=0;
var allheight=0;
var closeleft=0;
var closetop=0;
var curX=0;
var curY=0;
function down_obj(obj)
{
if(obj_moing) return; //如果正在拖动,那么返回
document.getElementById(obj).style.zIndex=100+alldivnum;
document.getElementById(obj).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.mybbs.org/david/2.png')";
for(i=1;i<=alldivnum;i++)
{
if (obj!="photodiv"+i)
{
document.getElementById("photodiv"+i).style.zIndex=parseInt(document.getElementById("photodiv"+i).style.zIndex)-1;
document.getElementById("photodiv"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.mybbs.org/david/1.png')";
}
}
obj_Ofx = event.clientX; //获取鼠标在网页中的X坐标
obj_Vfx = document.getElementById(obj).offsetLeft; //获取图片的左位置
obj_Ofy = event.clientY; //获取鼠标在网页中的X坐标
obj_Vfy = document.getElementById(obj).offsetTop; //获取图片的左位置
document.getElementById(obj).setCapture(); //锁住图片
obj_moing = true; //设正在拖动
}
function up_obj(obj) //当鼠标弹起时触发
{
if(!obj_moing) return; //如果不是正在拖动,那么返回
document.getElementById(obj).releaseCapture(); //释放锁住的图片
obj_moing = false; //设不是正在拖动
}
function move_obj(obj) //当鼠标移动时触发
{
if(!obj_moing) return; //如果不是正在拖动,那么返回
curX=event.clientX;
curY=event.clientY;
obj_lastx=obj_Vfx+curX-obj_Ofx; //取得移动后的左位置
obj_lasty=obj_Vfy+curY-obj_Ofy; //取得移动后的上位置
//if (photo_lastx>184) photo_lastx=184; //如果左位置大于184,那么等于184.....防止超出指定的范围
//if (photo_lastx<164) photo_lastx=164; //如果左位置小于164,那么等于164.....防止超出指定的范围
document.getElementById(obj).style.left = obj_lastx; //设定移动后的位置
document.getElementById(obj).style.top = obj_lasty; //设定移动后的位置
}
function adddiv()
{
alldivnum=alldivnum+1;
document.getElementById("innerdiv").innerHTML=document.getElementById("innerdiv").innerHTML+"<div id=\"photodiv"+alldivnum+"\" class=\"pngholder\" onclick=\"closediv(this.id)\" onMouseDown=\"down_obj(this.id)\" onMouseMove=\"move_obj(this.id)\" onMouseUp=\"up_obj(this.id)\" style=\"z-index: "+(alldivnum+100)+";position: absolute;width:290px;height:358px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.mybbs.org/david/1.png');\"></div>";
}
function closediv(obj)
{
curX=event.clientX+document.documentElement.scrollLeft;
curY=event.clientY+document.documentElement.scrollTop;
allwidth=parseInt(document.getElementById(obj).offsetLeft)+parseInt(document.getElementById(obj).style.width);
allheight=parseInt(document.getElementById(obj).offsetTop)+parseInt(document.getElementById(obj).style.height);
closeleft=parseInt(allwidth)-parseInt(curX);
closetop=parseInt(allheight)-parseInt(curY);
if (closeleft<=50 && closeleft>=15 && closetop<=348 && closetop>=333)
{
document.getElementById(obj).style.display="none";
}
if (closeleft<=76 && closeleft>=54 && closetop<=348 && closetop>=333)
{
}
if (closeleft<=101 && closeleft>=79 && closetop<=348 && closetop>=333)
{
}
}
</script>
<span id="innerdiv"></span>
<div id="photodiv1" class="pngholder" onclick="closediv(this.id)" onMouseDown="down_obj(this.id)" onMouseMove="move_obj(this.id)" onMouseUp="up_obj(this.id)" style="top:25px;left:300px;padding-top:50px;text-align:center;z-index: 101;position: absolute;width:290px;height:358px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.mybbs.org/david/1.png');">
</div>
<div id="photodiv2" class="pngholder" onclick="closediv(this.id)" onMouseDown="down_obj(this.id)" onMouseMove="move_obj(this.id)" onMouseUp="up_obj(this.id)" style="top:80px;left:150px;text-align:center;padding-top:50px;z-index: 102;position: absolute;width:290px;height:358px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.mybbs.org/david/1.png');">
</div>
<div id="photodiv3" class="pngholder" onclick="closediv(this.id)" onMouseDown="down_obj(this.id)" onMouseMove="move_obj(this.id)" onMouseUp="up_obj(this.id)" style="top:150px;left:250px;text-align:center;padding-top:50px;z-index: 103;position: absolute;width:290px;height:358px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.mybbs.org/david/1.png');">
</div>
<div id="photodiv4" class="pngholder" onclick="closediv(this.id)" onMouseDown="down_obj(this.id)" onMouseMove="move_obj(this.id)" onMouseUp="up_obj(this.id)" style="top:90px;left:450px;text-align:center;padding-top:50px;z-index: 104;position: absolute;width:290px;height:358px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.mybbs.org/david/2.png');">
</div>
<div style="position: absolute; width: 100px; height: 23px; z-index: 9999; left: 0px; top: 0px" id="layer1"><input onclick="adddiv()" type="button" value="打开新窗口" id="B3" name="B3" /></div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -