|
|
主题: 类似资源管理器的目录树之具体做法：
|
helmet
职务：版主
等级：4
金币：10.0
发贴：1559
注册：2004/1/30 15:59:27
|
#12001/10/12 18:24:14
原理：定义一个层，它的初始状态是隐藏的，当鼠标点击某一文字使层显示。 看图： http://html521.home.chinaren.com解释： 定义层：（层中内容为2个文字链接，注意加个图片能起到很好的效果） //注意diaplsy:none的作用是使层隐藏，它与visibility属性有相同的作用，但是 用display的优点是:当层隐藏时，它能释放相应的空间，使页面的其他元素补充上去， 如果用visibility，当层隐藏时，层原来的位置就会出现一片空白。这当然不是我们希望的. 使层隐藏和显示的函数是： 最后，把触发事件的文字（网页教程）加上onclick="show_menutree1()"
编辑历史:[这消息被5D大叔编辑过(编辑时间2001-10-19 10:46:56)]
|
helmet
职务：版主
等级：4
金币：10.0
发贴：1559
注册：2004/1/30 15:59:27
|
#22001/10/12 18:33:15
做类似资源管理器的目录树 应该注意的问题：
一，层的显示和隐藏属性（style="absolute:position;display:none"）要用display，不用visibility。
二，图片可使目录树有特别好的视觉效果。
三，以下函数的妙用：
function show_menutree1( )
{
if (document.all.menutree1.style.display=="") //如果层显示，{document.all.menutree1.style.display="none" } //就执行这句，即 让层隐藏，
else //否则，就执行下面的语句，
{document.all.menutree1.style.display=""} //让层显示。
}
编辑历史:[这消息被deathcult编辑过(编辑时间2001-10-12 18:34:09)]
[这消息被deathcult编辑过(编辑时间2001-10-12 18:34:38)]
[这消息被deathcult编辑过(编辑时间2001-10-12 18:34:59)]
[这消息被deathcult编辑过(编辑时间2001-10-12 18:35:54)]
[这消息被deathcult编辑过(编辑时间2001-10-12 18:35:55)]
[这消息被deathcult编辑过(编辑时间2001-10-12 18:37:15)]
[这消息被5D大叔编辑过(编辑时间2001-10-19 10:47:06)]
|
5D荣誉斑竹
职务：普通成员
等级：5
金币：10.0
发贴：3292
注册：2001/5/24 10:01:29
|
#32001/10/12 21:16:30
补充一点
display属性对其他元素也同样有效
做的时候用表格，或直接用目录列表也行
|
求可知
职务：普通成员
等级：3
金币：10.0
发贴：718
注册：2001/8/18 12:32:59
|
#42001/10/14 15:06:09
不错,基本思路是这样的:-)
我帮你们顶一下:-)
|
风之翅
职务：普通成员
等级：2
金币：10.0
发贴：540
注册：2001/1/31 14:48:59
|
#52001/10/19 10:32:59
这么好的帖子应该置顶才是。。。昨天看了书才彻底弄清楚，回过头来看帖子，完全正确。其实不单用在这上面，最重要的是对语法的理解，思路的扩展。。。
|
helmet
职务：版主
等级：4
金币：10.0
发贴：1559
注册：2004/1/30 15:59:27
|
#62001/10/19 11:32:39
 哈，同意置顶！
|
王原
职务：普通成员
等级：1
金币：0.0
发贴：24
注册：2001/5/21 21:39:53
|
#72001/10/24 22:05:06
原来见过Netscape某个技术手册，其中的目录真叫棒。不但可以随便展开/折叠，而且由于应用了Cookie，便可以记录上次浏览时的展开状态。
|
