偶自己做的~请指点
<P>[CODE]<BR><BR><style><BR>.outerbox {<BR> display:block;<BR> overflow:vibile;<BR> position:absolute;<BR>}</P><P>.innerbox {<BR> border:1px solid black;<BR> display:block;<BR> overflow:hidden;<BR>}</P>
<P>.rightbox {<BR> overflow:vibile;<BR> position:absolute;<BR> border:1px solid black;<BR> height:800;<BR>}</P>
<P>.rightbody {<BR> display:block;<BR> height:520;<BR> overflow:visible<BR>}</P>
<P>.itemhead {<BR> border:1px solid gray;<BR> text-align:right;<BR> width:100%;<BR> background-color:#0a246a;<BR> filter:progid:DXImageTransform.Microsoft.Alpha(startX=0,startY=7, finishX=100, finishY=7,style=1,opacity=100,finishOpacity=0);</P>
<P>}</P>
<P>.itembody{<BR> position:relative;<BR> display:block;<BR> overflow:hidden;<BR>}</P>
<P>.itemrightbody{<BR> position:relative;<BR> display:none;<BR> overflow:hidden;<BR> height:300;<BR> border:1px solid black;<BR>}</P>
<P>.app {<BR> cursor:hand;<BR> position:relative;<BR>}<BR>p {<BR> line-height:140%;<BR> text-indent:24px;<BR>}<BR>body {<BR> font-size:12px;<BR>}<BR>td {<BR> font-size:12px;<BR>}</P>
<P>ul {<BR> margin:5px;<BR> text-indent:15px;<BR>}<BR>li {<BR> font-family:"Times New Roman", Times, serif<BR> text-decoration:underline;<BR> color:#0000cd;<BR>}<BR>br {<BR> line-height:2px;<BR>}<BR>.msk {<BR> display:none;<BR> background-color:white;<BR> position:absolute;<BR> left:0;<BR> top:0;<BR> width:1000;<BR> height:768;<BR> z-index:20;<BR> filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50,finishOpacity=100);<BR>}<BR>.dspbox {<BR> display:none;<BR> border:1px solid black;<BR> width:600;<BR> height:500;<BR> position:absolute;<BR> left:200;<BR> top:50;<BR> background-color:white; <BR> z-index:25;<BR> word-wrap:break-word;<BR>}</P>
<P>.dspbody {<BR> display:block;<BR> overflow:hidden;<BR> border:0px solid gray;<BR>}<BR>.header {<BR> position:absolute;<BR> left:100;<BR> top:10;<BR> width:800;<BR> height:50;<BR> border:1px solid black;<BR>}<BR>.minbox {<BR> border:1px solid gray;<BR> position:absolute;<BR> width:150;<BR> display:none;<BR> text-align:right<BR>}<BR>.titl {<BR> font-family:"Courier New", Courier, mono;<BR> font-size:19px;<BR> background-color:#e9967a;<BR> width:100%;<BR> filter:progid:DXImageTransform.Microsoft.Alpha(startX=0,startY=0, finishX=100, finishY=100,style=1,opacity=100,finishOpacity=0);<BR>}</P>
<P><BR>.main {<BR> display:block;<BR> overflow:hidden;<BR> border:1px solid gray;<BR>}<BR>.main1 {<BR> display:block;<BR> overflow:hidden;<BR> border:1px solid red;<BR>}</P>
<P>.eff {<BR> height:25;<BR> border:1px solid gray;<BR>}</P>
<P></style><BR><script defer><BR>var sss,sssM,sssD,sssMin;<BR>function init() {<BR>left.style.pixelLeft=header.offsetLeft;<BR>left.style.pixelTop=header.offsetHeight+20;<BR>left.style.pixelWidth=195;<BR>right.style.pixelLeft=left.offsetLeft+left.offsetWidth+10;<BR>right.style.pixelTop=left.offsetTop;<BR>right.style.pixelWidth=header.offsetWidth-left.offsetWidth-10;</P>
<P>timeH.value=timeB.offsetHeight;<BR>libH.value=libB.offsetHeight;<BR>codeH.value=codeB.offsetHeight;<BR>scriptgameH.value=scriptgameB.offsetHeight;<BR>effH.value=effB.offsetHeight;<BR>minD.style.pixelLeft=10;<BR>}</P>
<P>function scro() {//最小化div的显示和停止<BR> if (minD.style.display=="block") {<BR> minD.style.pixelTop=document.body.scrollTop+document.body.clientHeight-20;<BR> //alert(document.all('minD').style.pixelTop+" "+document.all('minD').style.pixelLeft+" "+document.all('minD').style.pixelHeight)<BR> sssMin=setTimeout("scro()","5")<BR> }<BR> if (minD.style.display=="none") {<BR> //cleatTimeout(sssMin)<BR> }<BR>}</P>
<P>function scroM() {//遮罩层内容的显示和停止<BR> if (mask.style.display=="block") {<BR> mask.style.pixelTop=document.body.scrollTop;<BR> sssM=setTimeout("scroM()","5")<BR> }<BR> if (mask.style.display=="none") {<BR> //cleatTimeout(sssM)<BR> }<BR>}</P>
<P>function scroD() {//的显示和停止<BR> if (dsp.style.display=="block") {<BR> dsp.style.pixelTop=document.body.scrollTop+50;<BR> sssD=setTimeout("scroD()","5")<BR> }<BR> if (dsp.style.display=="none") {<BR> //cleatTimeout(sssD)<BR> }<BR>}</P>
<P>function roll(obj) {<BR>dd=document.all(obj)<BR>dc=document.all(obj+'B')<BR>if (dd.value=="max") {<BR> dc.style.pixelHeight=dc.offsetHeight-4;<BR> sss=setTimeout("roll('"+obj+"')","1")<BR> if (dc.offsetHeight<=5)<BR> { clearTimeout(sss)<BR> dd.value="min"<BR> dc.style.display='none'<BR> }<BR> }<BR>}</P>
<P>function maxO(obj) {<BR>dd=document.all(obj);<BR>dc=document.all(obj+'B')<BR>dc.style.display="block"<BR>if (dd.value=="min") {<BR> dc.style.pixelHeight=dc.offsetHeight+4;<BR> sss=setTimeout("maxO('"+obj+"')","1")<BR> if (dd.offsetHeight>=document.all(obj+"H").value)<BR> { clearTimeout(sss)<BR> dd.value="max";<BR> dc.style.pixelHeight=parseInt(document.all(obj+"H").value)<BR> }<BR> }<BR>}</P>
<P>function rollright(obj) {<BR>dd=document.all(obj)<BR>dc=document.all(obj+'B')<BR>dc.style.display='none'<BR>}</P>
<P>function maxOright(obj) {<BR>dd=document.all(obj);<BR>dc=document.all(obj+'B')<BR>if (dc.value=='max')<BR> {<BR> dc.style.display='none';dc.value='min'<BR> }<BR>else <BR> {<BR> dc.style.display='block';dc.value='max'<BR> }<BR>}</P>
<P>function closeObj(obj) {<BR>dd=document.all(obj)<BR>dd.style.display='none'<BR>}</P>
<P>function displayObj() {<BR>mask.style.display='block';<BR>dsp.style.display='block';<BR>minD.style.display='none'<BR>}</P>
<P>function minObj() {<BR>dsp.style.display="none"<BR>mask.style.display="none"<BR>minD.style.display='block'<BR>}</P>
<P>function closeall() {<BR>dsp.style.display="none"<BR>mask.style.display="none"<BR>minD.style.display="none"<BR>}</P>
<P>function leftDblclick (aa) {<BR>dd=document.all(aa)<BR>if (dd.value=='max') <BR> roll(aa)<BR> else<BR> maxO(aa)<BR>}<BR></script></P>
<P><body onload="init();"><BR><div id=header class=header>你的位置>><Br>库/特效/关键代码/个人作品/脚本游戏</div></P>
<P><BR><div id=left class=outerbox><BR> <div id=time class=innerbox value="max" onDblclick="leftDblclick('time')"><BR> <div id=timeH class=itemhead value=""><span class=app onclick="roll('time')">（可以在该窗口任何地方双击，下同）＿</span><span class=app onclick="maxO('time')">□</span></div><BR> <div id=timeB class=itembody><script language="javascript" src="time.js"></script></div><BR> </div><br><BR> <div id=lib class=innerbox value="max" onDblclick="leftDblclick('lib')"><BR> <div id=libH class=itemhead value=""><span class=app onclick="roll('lib')">＿</span><span class=app onclick="maxO('lib')">□</span></div><BR> <div id=libB class=itembody><BR> <table border=0 cellpadding=0 cellspacing=0><BR> <tr><td><BR> <ul style="margin:5px;text-indent:15px"><BR> <li>Window对象<BR> <li>Document对象<BR> <li>Event对象<BR> <li>Number对象<BR> </ul></td><BR> <td><BR> <ul style="margin:5px;text-indent:15px"><BR> <li>String对象<BR> <li>Regexp对象<BR> <li>Date对象<BR> <li>Math对象<BR> </ul></td></tr><BR> <tr><td colspan=2 align=right>More...</td></tr></table><BR> </div><BR> </div><br><BR> <div id=code class=innerbox value="max" onDblClick="leftDblclick('code')"><BR> <div id=codeH class=itemhead value=""><span class=app onclick="roll('code')">＿</span><span class=app onclick="maxO('code')">□</span></div><BR> <div id=codeB class=itembody><BR> <table border=0 cellpadding=0 cellspacing=0><BR> <tr><td><BR> <ul style="margin:5px;text-indent:15px"><BR> <li>关键属性<BR> <li>关键属性<BR> <li>关键属性<BR> <li>关键属性<BR> </ul></td><BR> <td><BR> <ul style="margin:5px;text-indent:15px"><BR> <li>关键方法<BR> <li>关键方法<BR> <li>关键方法<BR> <li>关键方法<BR> </ul></td></tr><BR> <tr><td colspan=2 align=right>More...</td></tr></table><BR> </div><BR> </div><br><BR> <div id=scriptgame class=innerbox value="max" onDblclick="leftDblclick('scriptgame')"><BR> <div id=scriptgameH class=itemhead value=""><span class=app onclick="roll('scriptgame')">＿</span><span class=app onclick="maxO('scriptgame')">□</span></div><BR> <div id=scriptgameB class=itembody><BR> <table border=0 cellpadding=0 cellspacing=0><BR> <tr><td><BR> <ul style="margin:5px;text-indent:15px"><BR> <li>潜艇大战<BR> <li>五子棋<BR> <li>推箱子<BR> <li>扫雷<BR> </ul></td><BR> <td><BR> <ul style="margin:5px;text-indent:15px"><BR> <li>连连看<BR> <li>俄罗斯方块<BR> <li>空<BR> <li>空<BR> </ul></td></tr><BR> <tr><td colspan=2 align=right>More...</td></tr></table><BR> </div><BR> </div><br><BR> <div id=eff class=innerbox value="max" onDblclick="leftDblclick('eff')"><BR> <div id=effH class=itemhead value=""><span class=app onclick="roll('eff')">＿</span><span class=app onclick="maxO('eff')">□</span></div><BR> <div id=effB class=itembody><BR> <table border=0 cellpadding=0 cellspacing=0><BR> <tr><td><BR> <ul style="margin:5px;text-indent:15px"><BR> <li>按钮<BR> <li>状态栏<BR> <li>loading<BR> <li>鼠标<BR> </ul></td><BR> <td><BR> <ul style="margin:5px;text-indent:15px"><BR> <li>菜单<BR> <li>滚动条<BR> <li>窗口<BR> <li>日期<BR> </ul></td></tr><BR> <tr><td colspan=2 align=right>More...</td></tr></table><BR> </div><BR> </div><BR></div></P>
<P><BR><div id=right class=rightbox value="max"><BR> <div id=rightH class=itemhead value="">&nbsp;<!--<span class=app onclick="roll('right')">＿</span><span class=app onclick="maxO('right')">□</span>--></div><BR> <div id=rightB class=rightbody><BR> <div id=rtbtn class=itembody><BR> <div id=rtbtnH class=titl onclick="maxOright('rtbtn')">按钮效果(可以单击下同)</div><BR> <div id=rtbtnB value="min" class=itemrightbody><div onclick="displayObj()">点我</div></div><BR> </div><br><BR> <BR> <div id=rtMenu class=itembody><BR> <div id=rtMenuH class=titl onclick="maxOright('rtMenu')">菜单效果</div><BR> <div id=rtMenuB value="min" class=itemrightbody onmouseout="rollright('rtMenu')"></div><BR> </div><br><BR> <BR> <div id=rtstatu class=itembody><BR> <div id=rtstatuH class=titl onclick="maxOright('rtstatu')">状态栏效果</div><BR> <div id=rtstatuB value="min" class=itemrightbody onmouseout="rollright('rtstatu')"></div><BR> </div><br><BR> <BR> <div id=rtscro class=itembody><BR> <div id=rtscroH class=titl onclick="maxOright('rtscro')">滚动条效果</div><BR> <div id=rtscroB value="min" class=itemrightbody onmouseout="rollright('rtscro')"></div><BR> </div><br><BR> <BR> <div id=rtload class=itembody><BR> <div id=rtloadH class=titl onclick="maxOright('rtload')">Loading效果</div><BR> <div id=rtloadB value="min" class=itemrightbody onmouseout="rollright('rtload')"></div><BR> </div><br><BR> <BR> <div id=rtwindow class=itembody><BR> <div id=rtwindowH class=titl onclick="maxOright('rtwindow')">窗口效果</div><BR> <div id=rtwindowB value="min" class=itemrightbody onmouseout="rollright('rtwindow')"></div><BR> </div><br><BR> <BR> <div id=rtmouse class=itembody><BR> <div id=rtmouseH class=titl onclick="maxOright('rtmouse')">鼠标效果</div><BR> <div id=rtmouseB value="min" class=itemrightbody onmouseout="rollright('rtmouse')"></div><BR> </div><br><BR> <BR> <div id=rtdate class=itembody><BR> <div id=rtdateH class=titl onclick="maxOright('rtdate')">日期效果</div><BR> <div id=rtdateB value="min" class=itemrightbody onmouseout="rollright('rtdate')"></div><BR> </div><BR> <BR> </div><BR></div></P>
<P><BR><div id=dsp class=dspbox><BR> <div id=dspH class=itemhead><span class=app onClick="minObj();scro()">＿</span><span class=app>□</span><span class=app onclick="closeall()">Ⅹ</span></div><BR> <div id=dspB class=dspbody><iframe src="reg.html" height=100% width=100%>aaa</iframe></div><BR></div><BR><div id=mask class=msk ></div></P>
<P><div id=minD class=minbox value="max"><BR> <div id=minDH class=itemhead><BR> <span class=app onclick="displayObj();scroM();scroD()">□</span><span class=app onclick="closeall()">Ⅹ</span><BR> </div><BR></div></P>
<P><div id=footer></div> <BR></body></P>
<P><div id=libtemp style="display:none"><BR> <div class=main><div class=titl>Window对象</div><BR> <ul style="margin:5px;text-indent:15px"><BR> <li><div onclick="displayObj()">点我</div><BR> <li>Screen<BR> <li>Location<BR> </ul><BR> </div><BR> <div class=main><div class=titl>Window对象</div><BR> <ul style="margin:5px;text-indent:15px"><BR> <li>Frame<BR> <li>Screen<BR> <li>Location<BR> </ul><BR> </div><BR> <div class=main><div class=titl>Window对象</div><BR> <ul style="margin:5px;text-indent:15px"><BR> <li>Frame<BR> <li>Screen<BR> <li>Location<BR> </ul><BR> </div><BR> <div class=main><div class=titl>Window对象</div><BR> <ul style="margin:5px;text-indent:15px"><BR> <li>Frame<BR> <li>Screen<BR> <li>Location<BR> </ul><BR> </div><BR> <div class=main><div class=titl>Window对象</div><BR> <ul style="margin:5px;text-indent:15px"><BR> <li>Frame<BR> <li>Screen<BR> <li>Location<BR> </ul><BR> </div><BR> <div class=main><div class=titl>Window对象</div><BR> <ul style="margin:5px;text-indent:15px"><BR> <li>Frame<BR> <li>Screen<BR> <li>Location<BR> </ul><BR> </div><BR> <div class=main><div class=titl>Window对象</div><BR> <ul style="margin:5px;text-indent:15px"><BR> <li>Frame<BR> <li>Screen<BR> <li>Location<BR> </ul><BR> </div><BR></div><BR>[/CODE]</P> 高手[em17]，收藏了 [em05] 也是夜猫子[em05] <P>82095326我的qq</P> 确实是一个不错的东西,有几天没有上来了. <DIV class=quote><B>以下是引用<U>静夜思</U>在2005-12-6 1:30:00的发言：</B><BR>高手[em17]，收藏了</DIV>
<P>復旦大學的高材生來的~</P> <P>斑竹大哥就是牛</P> 楼主问一下<FONT color=#ff3300>dc=document.all(obj+'B');<br></FONT><FONT color=#000000>这句是什么意思?后边为什么用dd做判断用dc来做修改?谢谢</FONT>
[align=right][color=#000066][此贴子已经被作者于2005-12-15 21:20:01编辑过][/color][/align]
<FONT color=#ff3300>dc=document.all(obj+'B');</FONT><FONT color=#000000>是用来找以“obj”开头“B”（body）结尾为名的id，这个id的div用来显示内容<BR>dd是用来找记录dc的状态的，多了个 属性value用来记录dc现在是最大，还是最小<BR>以“obj”开头“H”（head）结尾为名的id的value属性用来记录以“obj”开头“B”（body）结尾为名的id的高度，在onload中初始化，为了从最小化到默认的大小的时候给个上限值，不至于把以“obj”开头“B”（body）结尾为名的id无限的放大</FONT> [em17]哦，我明白了，原来是你定义ID名称。<STRONG><div <FONT color=#e61a6b>id=rtMenuH</FONT> class=titl onclick="maxOright('rtMenu')">菜单效果</div><BR> <div <FONT color=#dd2292>id=rtMenuB</FONT> value="min" class=itemrightbody onmouseout="rollright('rtMenu')"></div><BR></STRONG>document.all(obj+'H')是获取上边div对象<BR>document.all(obj+'B')是获得下边的div要显示的内容的对象。通过display来显示和隐藏内容。css真是强！<BR>用DIV+CSS来进行网页布局、效果制作，是不是支持netscape,或着firefox这样的浏览器。未来的网站是不是DIV+CSS的布局样式[em01] table是低级布局~div+css是高级布局~w3c建议这样做~也是写网页的标准哦~关于浏览器的支持最好把dom学好，dom是和脚本语言无关的~偶发现学好javascript对asp.net也有帮助哦~ dom是不是文挡对象模型,这个确实是个好东西,dom是对文挡操作,访问的应用程序接口吧.它多XML支持比较好吧.学xml也是大势所趋[em01] 楼上说的正确，操作的是文档的标签。无论是html，shtml，xml，都可以~和javascript联系的比较进，一般都和javascript混用，比如，document.getElementById()就是dom的语句 啊？XML是趋势啊？以前接触过一些XML，但觉得它的用法太灵活，掌握不了，所以也没去看它了。。 好东西，收藏了！！ 楼主太牛了，牛牛牛啊！我佩服的死了，我觉得你的那个双击动态效果的确实了不得啊！真是不得了，我们的论坛人才辈出啊！厉害厉害！[em17] [em17]<BR>自己写这么多程序,高啊 如果左边的小窗口和中间的弹出窗口都可以拖动的话，那就更完美了 [em17]<BR>太强了