帮忙看看这程序那里抽筋了

renzaijiang 2009-09-30 03:23:50

<!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=gb2312" />
<title>无标题文档</title>
<style>
html,body{margin:0;padding:0;background-color:#3A6EA5;color:#FFFFFF;font-size:12px}
img{ border: none; }
.tag{display:block;cursor:hand}
.folder{padding:0 15px 15px 15px;height:82px;width:82px;text-align:center;}
#wrap{width:100%;}
#toolTip{background-color:#FF0000;width:100%;height:20px;bottom:0px;left:0px;position:absolute}
</style>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script>
var beginTop,beginLeft,fCount;
window.onload=function()
{
beginTop=$("#wendang").outerHeight()+$("#meiti").outerHeight()+$("#tuxiang").outerHeight();
beginLeft=0;
fCount=3;
/**********最大化最小化时候进行重排********/
$("#wrap").resize(function()
{
var rebuildTop,rebuildLeft;
rebuildTop=$("#wendang").outerHeight()+$("#meiti").outerHeight()+$("#tuxiang").outerHeight();
rebuildLeft=0;
for(i=3;i<fCount;i++)
{
if(rebuildTop+97>document.documentElement.clientHeight)
{
rebuildTop=0;
rebuildLeft+=112;
}
$("#wrap")[0].childNodes[i].style.left=rebuildLeft+"px";
$("#wrap")[0].childNodes[i].style.top=rebuildTop+"px";
rebuildTop+=97;
}
beginTop=rebuildTop;
beginLeft=rebuildLeft;
}
);
}
/******新建文件夹*********/
function newFolder()
{
if(fCount==13)
{
alert('最多增加新建10个文件夹');return;
}
folderItem=document.createElement("div");
folderItem.className="folder";
linkItem=document.createElement("a");
linkItem.href="javascript:void(0)";
imgItem=document.createElement("img");
imgItem.src="folder.ico";
linkItem.appendChild(imgItem);
spanItem=document.createElement("span");
spanItem.innerText="新建文件夹"+fCount;
spanItem.className="tag";
folderItem.appendChild(linkItem);
folderItem.appendChild(spanItem);
if(beginTop+97>document.documentElement.clientHeight)
{
beginTop=0;
beginLeft+=112;
}
folderItem.style.position="absolute";
folderItem.style.left=beginLeft+"px";
folderItem.style.top=beginTop+"px";
$("#wrap").append(folderItem);
beginTop+=97;
fCount++;
}
</script>
</head>
<body>
<div id="wrap">

<div id="wendang" class="folder"> <a href=#> <img src="document.ico" /> </a> <span class="tag">文档</span> </div>
<div id="meiti" class="folder"> <a href=#> <img src="media.ico" /> </a> <span class="tag">多媒体</span> </div>
<div id="tuxiang" class="folder"> <a href=#> <img src="image.ico" /> </a> <span class="tag">图片</span> </div>

</div>
<div id="toolTip"><a href=# onclick="newFolder()">新建文件夹</a></div>
</body>
</html>
就是窗口最大化最小化的时候文件夹图像的位置不在该在的位置程式可运行

...全文