网页特效教程-导航菜单显示不同信息(课件软件实例教程)

导航菜单显示不同信息

下面为效果显示

关于TBODY标记

关于cells集合

关于tBodies集合

关于display属性

指定行做为表体。
注释：TBODY要素是块要素，并且需要结束标签。
　　　即使如果表格没有显式定义TBODY要素，该要素也提供给所有表。

参考：《动态HTML参考和开发应用大全》（人民邮电出版社 Microsoft Corporation著北京华中兴业科技发展有限公司译）

脚本说明:

把如下代码加入<body>区域中

<STYLE type=text/css>.sec1 {

BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #eeeeee

}

.sec2 {

BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BACKGROUND-COLOR: #d4d0c8

}

.main_tab {

BORDER-RIGHT: gray 1px solid; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8

}

</STYLE>

function secBoard(n)

{

for(i=0;i<secTable.cells.length;i++)

secTable.cells[i].className="sec1";

secTable.cells[n].className="sec2";

for(i=0;i<mainTable.tBodies.length;i++)

mainTable.tBodies[i].style.display="none";

mainTable.tBodies[n].style.display="block";

}

</SCRIPT>

<TBODY>

<TD class=sec2 onclick=secBoard(0) width="10%">关于TBODY标记</TD>

<TD class=sec1 onclick=secBoard(1) width="10%">关于cells集合</TD>

<TD class=sec1 onclick=secBoard(2) width="10%">关于tBodies集合</TD>

<TD class=sec1 onclick=secBoard(3)

width="10%">关于display属性</TD></TR></TBODY></TABLE>

<TABLE class=main_tab id=mainTable height=240 cellSpacing=0

cellPadding=0 width=549 border=0>

<TR>

<TBODY>

<TR>

<TD>指定行做为表体。<BR>注释：TBODY要素是块要素，并且需要结束标签。<BR>　　　即使如果表格没有显式定义TBODY要素，该要素也提供给所有表。<BR><BR>参考：《动态HTML参考和开发应用大全》（人民邮电出版社

Microsoft Corporation著

北京华中兴业科技发展有限公司译）<BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY>

<TR>

<TBODY>

<TR>

<TD>检索表行或者整个表中所有单元格的集合。<BR>应用于TR、TABLE。<BR><BR>参考：《动态HTML参考和开发应用大全》（人民邮电出版社

Microsoft Corporation著

北京华中兴业科技发展有限公司译）<BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY>

<TR>

<TBODY>

<TR>

<TD>检索表中所有TBODY对象的集合。对象在该集合中按照HTML源顺序排列。<BR>应用于TABLE。<BR><BR>参考：《动态HTML参考和开发应用大全》（人民邮电出版社

Microsoft Corporation著

北京华中兴业科技发展有限公司译）<BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY>

<TR>

<TBODY>

<TR>

<TD>设置或者检索对象是否被提供。<BR>可能的值为block、none、inline、list-item、table-header-group、table-footer-group。<BR>该特性可读写，块要素默认值为block，内联要素默认值为inline；层叠样式表（CSS）属性不可继承。<BR><BR>参考：《动态HTML参考和开发应用大全》（人民邮电出版社

Microsoft Corporation著 北京华中兴业科技发展有限公司译）<BR><BR><A

href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp?frame=true"

target=_blank>点击此处</A>可参阅微软<A

href="http://msdn.microsoft.com/"

target=_blank>MSDN在线</A>上的解释。

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

最新热点		最新推荐		相关教程
				宣传FLASH的隐现五角星礼花文字显示整块变化可缩放的显示区密码框的多种选择 XML超酷页面效果上下滚动的文字每次关闭效果不同的层在页面中打开页面突显广告文字

\| 网站首页 \| 免费课件 \| 课件源码 \| 课件制作 \| 课件购买 \| 课件教程 \| 课堂内外 \| 教案 \| 试卷 \| 论文 \| 电脑 \| 教案下载 \| \| 试卷下载 \| 论文下载 \| 计划总结 \| 新闻资讯 \| 行业范文 \| 图片 \| 留言 \| 术语大全 \| 搞笑 \| 字体 \| 短信 \| Flash视频教程 \| \| 办公软件视频 \| 编程设计视频 \| 热门视频 \| 课件论坛 \| 作文写作 \|

\| 设为首页 \| 加入收藏 \| 联系站长 \| 友情链接 \| 版权申明 \|
	版权所有 Copyright©2007 课件源文件==电话：13996037041==QQ:375824467 站长：唐璜（Tango）