插入针式的隐藏内容效果

      网站 2005-10-12 9:58
点点左侧的箭头，看看效果是否将左侧的内容给隐藏了，当初一豪还以为是用高超的方法给做出来的，后来经过
一查看其javascript程序，发现相当的简单，用于论坛等处恰到好处。
将下列代码复制倒head区
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
将下列代码复制到body区

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
将下列代码复制倒body区
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

注解：
第一步：用javascript定义页面内的效果：
<SCRIPT>
function switchSysBar()
　{
　　if (switchPoint.innerText==3)　　　　　　　　　// 这里的3是一个字体，向左的箭头。
　　　{
　　　switchPoint.innerText=4　　　　　　　　　 // 将箭头变成向右的箭头
　　　document.all("frmTitle").style.display="none"　　// 显示名为frmTitle的内容
　　　}
　　else
　　　{
　　　switchPoint.innerText=3　　　　　　　　　　// 显示箭头为向左
　　　document.all("frmTitle").style.display=""　　　　// 隐藏名为frmTitle的内容
　　　}
　　}
</SCRIPT>
--------------------------------------------------------------------------------
第二步：定义表格及箭头的名称：
<td id="frmTitle" valign=center noWrap align=middle>　　　// 定义frmTitle ，定义这一个单元格
<iframe WIDTH: 110px; HEIGHT: 100%" src="left.htm" frameborder=0></iframe> 　// 显示左侧页面
</td>
省约...
<td onClick=switchSysBar()>
<font style="FONT-SIZE: 12px; CURSOR: hand; COLOR: white; FONT-FAMILY: Webdings">
<span id=switchPoint>3</span> 　　　　　　// 定义这个字体和大小，显示的为一个向左的箭头
</font>
</td>
省约...
<td style="WIDTH: 100%">
<iframe src="main.htm" frameborder=0 scrolling=yes></iframe>　　　　　　　 　// 显示右侧页面
</td>
标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commenttime}{commentauthor}

{CommentUrl}
{commentcontent}