可拖動&可收縮的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>
|
只需要注意一小點:用frame就不需要加<body>了!!
?
mid.jsp就是中間width=8的小頁面,它負責實現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;? //
加個計數參數
//
伸縮
frame
function folder(){
?????? counter++;
?????? if(counter%2==1){? //
單數點擊
????????????? parent.first.cols="0,10,*";
?????? }else{
????????????? parent.first.cols = "260,10,*";??????
?????? }
}
|