可拖动&可收缩的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,*";
}
}
|