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

最新推荐文章于 2023-09-11 21:44:14 发布
最新推荐文章于 2023-09-11 21:44:14 发布
阅读量607 收藏
点赞数
分类专栏： ASPTechnology 文章标签： microsoft border table html class 中兴

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效代码|JsCode.CN|---经典实用的触发型导航菜单</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 οnclick=secBoard(0) width="10%">关于TBODY标记</TD>
                <TD class=sec1 οnclick=secBoard(1) width="10%">关于cells集合</TD>
                <TD class=sec1 οnclick=secBoard(2) width="10%">关于tBodies集合</TD>
                <TD class=sec1 οnclick=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><!--关于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>注释：TBODY要素是块要素，并且需要结束标

签。<BR>　　　即使如果表格没有显式定义TBODY

要素，该要素也提供给所有表。<BR><BR>

参考：《动态HTML参考和开发应用大全》（人民邮电出

版社
                        Microsoft Corporation著
                    北京华中兴业科技发展有限公司

译）

<BR><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>应用于TR、TABLE。

<BR><BR>参考：《动态HTML参考和开发应

用大全》（人民邮电出版社
                        Microsoft Corporation著
                    北京华中兴业科技发展有限公司

译）

<BR><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>检索表中所有TBODY

对象的集合。对象在该集合中按照HTML源顺序排列。

<BR>应用于TABLE。<BR><BR>参考：

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

译）

<BR><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>设置或者检索对象

是否被提供。<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&g

t;</body>

</html> 

wukong1025
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
网站建设|网站首页这么设计，用户体验更好
jiangfendou的博客
10-28 1437
这是【建站百科】专栏第18篇原创内容，由我在建站行业从业10年、给上万公司搭建过网站的经验总结而来。 hello，艾瑞巴蒂，大梦又来了，今天要说的是作为网站“门面”的网站首页设计。 一、网站首页的重要性 作为网站全貌及重要信息、产品的展示页，以及流量的入口页，企业网站首页的设计好坏一般决定了用户对网站的第一印象。 人机交互学博士Jakob Nielsen说过：“见到什么比记得什么更容易”。 其实，无论是人还是系统工具，都看颜值。漂亮的排版布局、精致的首页可以让人眼前一亮，可以提升网站的设计感；粗糙的排版、简
颜值爆表！这是我目前见过最好看的标签页插件了，强烈推荐！
程序猿DD
01-18 779
在小伙伴们的心目中，传统的导航页面是什么样子的呢？是这样子的？看着就有点老旧的年代感？各种广告和没用的信息堆满了整个页面？让人用起来不是怎么的很舒服？如果不喜欢这样子的页面，那么今天你就来...
phpcms 缩略图字段设置图片大小无效_Avada主题页脚Footer设置过程详细讲解
weixin_39786141的博客
11-21 463
Avada主题footer设置选项在 wordpress后台 avada > options > footer，包括 footer content、footer background image和footer styling，通过这里设置 footer。在 Appearance > Widgets 右侧找到 Footer Widget 1~4一共4个小工具，foote...
wps大纲栏显示在右边_【资料整理】app顶部导航栏设计方法：解决导航类目过多，无法完全显示的问题（更新中...）...
weixin_39709979的博客
10-23 391
还记得在面试的时候，有一位面试官拿了一款还没正式发布的移动端app，询问我有什么想法。我第一眼感觉比较深刻的就是顶部的Tab栏，Tab栏的类别很多，大约有近10个，并且面试官说之后可能会越来越多，显然，移动端的单行导航栏无法完全显示所有分类，需要通过某种方式的扩展，让导航栏全部显现。我在面试的当下，提出了一些不成熟的想法。后来，我从我常用的几款app中，整理出了一些设计方法。当然，以后若看到更好的...
想要导航首页提示页_浅析网站首页设计需注意的要点
weixin_39604139的博客
11-05 3万+
　　在开展网站设计中网站首页设计十分关键，毕竟用户在浏览网站的过程中第一眼看到的就是网站的首页，这也是用户对网站的第一印象，因此，对于网站首页的设计一定要引起重视。那么我们应该怎样做好网站首页的设计方案呢？下面就针对该问题进行详细的分析，希望可以帮助到大家哦！　　1、提高网站友善性　　网站友善性的提高可以让用户明显感受到信任感，顺理成章访问网站。友善性的提高也会增加用户对网站的粘性，提上转换率。不...
用js实现的比较经典实用的触发型导航菜单
10-31
【用js实现的比较经典实用的触发型导航菜单】是一个常见的网页交互设计，它通过JavaScript技术来增强用户体验，使得用户在触发某个操作（如鼠标悬停、点击等）时，导航菜单能动态显示或隐藏，提供更加直观和便捷的...
网页中触发型导航代码
04-22
经典实用的触发型导航菜单，很经典的，感兴趣的可以看看
蓝色的js阿里云导航菜单特效
11-21
在IT行业中，网页交互设计是至关重要的一环，而JavaScript（简称js）作为浏览器端的脚本语言，常常被用于实现...通过合理的设计和编程，我们可以创建出既美观又实用的导航菜单，提升用户在浏览阿里云相关网站时的体验。
2023年最全盘点 | 7款桌面应用程序开发框架
最新发布
weixin_51627076的博客
09-11 1万+
WinForm、WPF、MFC、wxWidgets、Qt、GTK、 Electron 7款桌面应用程序开发框架盘点
高清深入解析Windows操作系统完整书签版1
10-27
高清深入解析Windows操作系统完整书签版
Clover-Windows下书签目录工具
11-24
Clover-Windows下书签目录工具，windows下可以向谷歌浏览器一样添加书签，提升工作效率神器
导航页源码
07-24
小清新导航页源码 小清新导航页源码 小清新导航页源码 小清新导航页源码
jsweb桌面系统界面开发
10-11
jsweb桌面系统界面开发jsweb桌面系统界面开发jsweb桌面系统界面开发
仿win10的html模板
10-11
一个模仿win10的html模板，页面很流畅，非常漂亮。仅供参考，仅用于个人做本地demo用
Android学习（简单使用Bottom Navigation Activity来实现底部导航栏）
qq_42893430的博客
06-17 3万+
在我们实际编写程序时，不必每一个activity都要从零开始，利用好系统自带的模板往往可以起到事半功倍的效果。下面我们就来看看如何使用Bottom Navigation Activity来完成简单的底部导航栏功能。先来看一下效果图吧： 创建activity 首先在创建面板，我们选择 然后next,finish就OK了。创建成功以后我们来运行一下，发现 已经基本实现了底部导航栏的功能了！但是还没有结...
windows书签
yiyayiya557的博客
10-22 571
Tower，项目进度管理 https://tower.im/users/sign_in gitee https://gitee.com/ 禅道 http://10.6.2.5:82/zentao/user-login-L3plbnRhby9teS5odG1s.html 蓝湖UI设计 https://lanhuapp.com/web/#/user/login Pycharm安装PyQt5和pyqt5-tools从而使用Qt Designer_A confused programmer-CSDN
windows10电脑桌面便签软件在哪里打开win10便签纸？
梦你风
11-26 537
下载Windows电脑版桌面便签软件 - 敬业签，下载win10便签安装完成后登录敬业签，点击新建敬业签即可打开Win10桌面便签纸记录便签内容及定时提醒待办事项。
想要导航提示进入页_XX记账之制作导航栏
热门推荐
weixin_39985820的博客
11-29 4万+
由于暂时没想好叫啥名，暂且用“XX”代替。以下内容主要是对项目的主要流程及做项目过程中碰到的一些问题的记录~~一、确定 URL使用VueRouter创建四个页面#/money显示记账页(Money.vue)#/labels显示标签页(Labels.vue)#/statistics显示统计页(Statistics.vue) 访问其他路径显示404页面(NotFound.vue)默认进入#/money...
vue 侧边导航栏菜单切换时 不会触发resize
03-31
Vue侧边导航栏菜单切换时不会触发resize，是因为Vue的数据驱动，只有当数据发生变化时，才会触发重新渲染，而不是DOM的变化。 如果你想在切换菜单时触发resize事件，可以在菜单切换的方法中手动触发resize事件，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值