我思故我强

可拖动&可收缩的frame

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

       }

}

posted on 2008-06-20 10:08 李云泽 阅读(2375) 评论(1)  编辑  收藏 所属分类: javascriptHTML

评论

# re: 可拖动&可收缩的frame 2009-06-02 04:48 al

这个代码我试过了。有个小问题
拖动的时候中间的frame也就是mid.jsp会变宽。
如何才能让mid.jsp的宽度不变呢,也就是拖动的时候改变宽度的只有left和right。  回复  更多评论   


只有注册用户登录后才能发表评论。


网站导航: