上一篇
下一篇
猫扑大杂烩的左右拖动折叠框架
作者:dangbao 日期:2009-02-12
这个效果想必是目前大家都想的吧。frameset分左右两个frame。frame的宽度是可以拖动的。并且在中间有一个点击关闭和展开的按钮。可以让右边frame的内容全屏宽度显示。原理是在左面框架加一个点击改变宽度的按钮，然后模拟实现折叠效果。当然直接在左面frame里写内容是不行的。而是用一个100%的左中右三列的TABLE来模拟框架，表格左面放需要显示左面的内容的新页，中间是显示按钮，右面是显示frameset右边内容的。这是猫扑大杂烩写的，虽然代码有点老，但是很值得学习。类似的chinaren等的则没有折叠左面框架的功能。
具体效果请点击这里查看吧
点击下载此文件
Code
<frameset rows="100,*" frameborder="0" border="0" framespacing="0">
<frame name="daoHangTiao" id="daoHangTiao" src="top.htm" scrolling="no" frameborder="0" noresize>
<frameset name="main" cols="300,*" scrolling="no" frameborder="0" border="0" framespacing="3">
<frame name="leftFrame" id="leftFrame" scrolling="no" src="left.htm" frameborder=0 scrolling="no" marginwidth="0" marginheight="0" border=0 framespacing="0">
<frame name="right" id="right" src="right.html" scrolling="no" border=0 frameborder=0 framespacing="0">
</frameset>
</frameset>
<frame name="daoHangTiao" id="daoHangTiao" src="top.htm" scrolling="no" frameborder="0" noresize>
<frameset name="main" cols="300,*" scrolling="no" frameborder="0" border="0" framespacing="3">
<frame name="leftFrame" id="leftFrame" scrolling="no" src="left.htm" frameborder=0 scrolling="no" marginwidth="0" marginheight="0" border=0 framespacing="0">
<frame name="right" id="right" src="right.html" scrolling="no" border=0 frameborder=0 framespacing="0">
</frameset>
</frameset>
点击下载此文件
Tags: 
文章来自: 
引用通告: 
网摘收藏: 评论: 10 | 引用: 0 | 查看次数: -
回复
aprilsuny@163.com
谢谢~~~~
谢谢~~~~
给我个吧，我很想要这个代码。谢谢！277073877@qq.com
我也想要齐全的 
谢谢。qqlijianglin@163.com
谢谢。qqlijianglin@163.com我用的firefox，好像不能按按钮。
原来我也用过一个 方法,在我博客里写了
原来我也用过一个 方法,在我博客里写了
能给我发一个完整的吗？ pengyuan@live.com 谢谢~~
能发个给我吗：fox1383164k@163.com
我想要默认中间那个收缩框是关闭的（意思是左侧默认是关闭的），可以实现吗？谢谢了，我只需要左右2栏模式就可以了。
dangbao 于 回复
我想要默认中间那个收缩框是关闭的（意思是左侧默认是关闭的），可以实现吗？谢谢了，我只需要左右2栏模式就可以了。
dangbao 于 回复已发。
谢谢啊，给我发一个liyufeng19839@163.com
dangbao 于 回复
dangbao 于 回复已发。
我想要这个代码；最好是齐全的我的邮箱是：136220735@163.com
在这里就多谢了
dangbao 于 回复
在这里就多谢了
dangbao 于 回复已发。
代码是不是不全啊，拖动和收缩的脚本都看不到
dangbao 于 回复
dangbao 于 回复没问题的，需要的话留个邮箱给你发。
发表评论
在这里先谢谢了。