订阅本栏目 RSS您所在的位置: 深山工作室 > 页面特效 > 正文

经典实用的触发型导航菜单

网络 2007/12/22 23:25:32 深山行者 字体: 浏览 232156

以下是引用片段:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>经典实用的触发型导航菜单</title>

</head>

<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>
<!--JavaScript部分-->
            <SCRIPT language=javascript>
     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>
<!--HTML部分-->
            <TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0>
              <TBODY>
              <TR align=middle height=20>
                <TD class=sec2 onclick=secBoard(0) width="10%">网页学习</TD>
                <TD class=sec1 onclick=secBoard(1) width="10%">平面学习</TD>
                <TD class=sec1 onclick=secBoard(2) width="10%">DIV+CSS学习</TD>
                <TD class=sec1 onclick=secBoard(3) width="10%">HTMl学习</TD>
              </TR></TBODY></TABLE>
            <TABLE class=main_tab id=mainTable height=240 cellSpacing=0 cellPadding=0 width=549 border=0><!--关于TBODY标记-->
              <TBODY style="DISPLAY: block">
              <TR>
                <TD vAlign=top align=middle><BR><BR>
                  <TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
                    <TBODY>
                    <TR>
                      <TD>网页学习<BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY><!--关于cells集合-->
              <TBODY style="DISPLAY:

none">
              <TR>
                <TD vAlign=top

align=middle><BR><BR>
                  <TABLE cellSpacing=0

cellPadding=0 width=490 border=0>
                    <TBODY>
                    <TR>
                      <TD>平面学习<BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY><!--关于tBodies集合-->
              <TBODY style="DISPLAY:

none">
              <TR>
                <TD vAlign=top

align=middle><BR><BR>
                  <TABLE cellSpacing=0

cellPadding=0 width=490 border=0>
                    <TBODY>
                    <TR>
                      <TD><span class="sec1">DIV+CSS学习</span><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY><!--关于display属性-->
              <TBODY style="DISPLAY:

none">
              <TR>
                <TD vAlign=top

align=middle><BR><BR>
                  <TABLE cellSpacing=0

cellPadding=0 width=490 border=0>
                    <TBODY>
                    <TR>
                      <TD><span class="sec1">HTMl学习</span></TD>
                    </TR></TBODY></TABLE>

;</TD></TR></TBODY></TABLE>
</body>

</html>

相关阅读
北京顺义阿来电脑科技有限公司
连云港旅游网
css翻页代码
旅行社网站管理系统免费版 V2.4
CSS初级教程 边框
06 iis中Server Application Error问题如何修复
文字间隔翻转详解
GOOGLE百度破解,网站优化SEO最终详解
共有0条关于《经典实用的触发型导航菜单》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
更多>>同类信息
canvas绘制的文字如何换行
兼容pc、移动端用js实现复制内容到剪切板(支持苹果safari浏览器)
js兼容多个浏览器右下角漂浮广告
兼容ie6+和火狐的禁止右键
做在线客服时,聊天窗口的div滚动条始终在底部
javascript 表单(文本框)触发鼠标事件大全
更多>>最新添加文章
呼伦贝尔市北天草原旅行社有限公司
四川悠旅地旅游有限公司
连云港五洲旅行社有限公司
邓州市途鸿旅行社
连云港华夏国际旅行社有限公司
重庆长航江山国际旅行社
松原市海航商务旅行社
广西亚太国际旅行社有限公司
更多>>随机抽取信息
asp之自动闭合UBB标签函数
全部功能介绍
asp随机显示图象
防止点击空链接时,页面往往重置到页首端
漂亮的页面loading等待页面特效(3)
asp汉字转换为拼音