可拖動(dòng)&可收縮的frame
?
?
??? 代碼如下，其他木有什么好介紹的，偶連注釋都懶得寫了。
???
|
<frameset id="first" rows="*" cols="260,10,*">
<frame src="left.jsp" frameborder="0" allowtransparency="true" />
<frame src="mid.jsp" frameborder="1" bordercolor="red" allowtransparency="true" scrolling="no">
<frame src="right.jsp" frameborder="0">
</frameset>
|
只需要注意一小點(diǎn)：用frame就不需要加<body>了！！
?
mid.jsp就是中間width=8的小頁面，它負(fù)責(zé)實(shí)現(xiàn)left.jsp的縮放。
<body leftmargin="0" topmargin="0">
<table width="10" height="800" bgcolor="#CCFF33">
<tr valign="middle" onclick="folder()"><td>0</td></tr>
</table>
</body>
?
JS部分如下：
?
|
var counter = 0;? //
加個(gè)計(jì)數(shù)參數(shù)
//
伸縮
frame
function folder(){
?????? counter++;
?????? if(counter%2==1){? //
單數(shù)點(diǎn)擊
????????????? parent.first.cols="0,10,*";
?????? }else{
????????????? parent.first.cols = "260,10,*";??????
?????? }
}
|