触发型导航菜单

最新推荐文章于 2022-05-17 14:47:30 发布
原创 最新推荐文章于 2022-05-17 14:47:30 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#table #border #javascript #class #html #function

 code:

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>触发型导航菜单</title>
<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>
</head>

<body>
<!--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%">关于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>
            <!--关于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><BR><BR>
                                           </TD>
                                       </TR>
                                  </TBODY>
                              </TABLE>
                        </TD>
                    </TR>
               </TBODY><!--关于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><BR><BR>
                                     </TD>
                                 </TR>
                             </TBODY>
                          </TABLE>
                      </TD>
                  </TR>
              </TBODY><!--关于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><BR><BR>
                                 </TD>
                             </TR>
                         </TBODY>
                      </TABLE>
                   </TD>
                </TR>
             </TBODY><!--关于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><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>
</body>
</html>
树形结构导航控件-QTreeView in Qt
ByteBuster的博客
08-15 662
通过这段简单的代码，我们可以看到QTreeView如何快速创建树形结构的导航控件。除此之外，QTreeView还提供了很多有用的功能，例如节点的拖拽、排序、筛选等等。如果你对此感兴趣，不妨查看一下官方文档，学习更多有关QTreeView的使用方法。最后，我们创建了一个QTreeView对象，并将其设置为刚才创建的Model对象，最后将其展开并显示。在QT中，我们可以使用QTreeView来实现树形结构的导航控件。通过QTreeView，我们可以快速创建一个多层级的树形菜单，让用户方便地查找和管理数据。
QTreeView导航菜单效果
TiredWind的博客
10-24 2934
最近用墨刀做原型，感觉墨刀上的导航菜单控件还是挺好看的（至少比原生的QTreeView好看）。重新用paintEvent()绘制一个貌似也不难，但是有现成的QTreeView在，还能为每个节点设置QVariant数据（给每个节点对应的页面使用），还是美化一下QTreeView，用现成的QTreeView吧。 mainwindow.h #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #...
触发型导航菜单的实现方法
weixin_34290352的博客
11-02 190
  &lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html;charset=gb2312"&gt;&lt;title&gt;菜单样式&lt;/title&gt;&lt;STYLE type=text/css&gt;.sec1{BORDER-RIGHT: gray 1px s
模型视图(16)：【类】QTreeView[官翻]
读书笔记
01-06 1385
文章目录详述键绑定提高性能属性公共函数构造析构属性常用函数重写公用函数公用槽信号受保护的函数受保护的重写函数受保护的槽参考 QTreeView 类 QTreeWidget类提供了一个使用预定义树模型的树视图。 Header: #include < QTreeView > qmake: QT += widgets Inherits: QAbstractItemView Inherited By: QTreeWidget 详述 QTreeView实现了一个模型中项
Qt开发：Qt Widgets模块——QAbstractItemView类
一世豁然的专栏
05-17 1万+
QAbstractItemView类提供了项目视图类的基本功能。头文件：#include &lt;QAbstractItemView&gt; qmake：QT += widgets继承：QAbstractScrollArea被继承：QColumnView, QHeaderView, QListView, QTableView, 和QTreeViewQAbstractItemView类是每个使用QA...
用js实现的比较经典实用的触发型导航菜单
10-31
【用js实现的比较经典实用的触发型导航菜单】是一个常见的网页交互设计，它通过JavaScript技术来增强用户体验，使得用户在触发某个操作（如鼠标悬停、点击等）时，导航菜单能动态显示或隐藏，提供更加直观和便捷的...
JavaScript实现触发型导航菜单
这个“用js实现的比较经典实用的触发型导航菜单”示例，展示了如何利用JavaScript来增加菜单的动态效果，特别是当用户鼠标悬停或点击时触发特定的行为。 首先，我们看到`.sec1`和`.sec2`这两个CSS类，它们定义了...
经典实用的触发型导航菜单
02-08
经典实用的触发型导航菜单! 很值得下载看看!资源免费,大家分享!!
网页中触发型导航代码
04-22
从给定的文件信息来看，我们正在探讨一个经典的触发型导航菜单实现，这在网页设计中是一个非常实用的功能。此代码示例展示了如何通过HTML、CSS和JavaScript来创建一个响应用户点击事件的导航菜单。 ### 知识点一：...
Qt 自定义导航栏
01-26
Qt自定义树形导航栏，样式美观，使用方便 提供源代码及使用范例
QTreeView
evilstone001的专栏
12-18 7762
Qt Model/View 学习笔记 (一) Qt 4推出了一组新的item view类，它们使用model/view结构来管理数据与表示层的关系。这种结构带来的 功能上的分离给了开发人员更大的弹性来定制数据项的表示，它也提供一个标准的model接口，使得更多的 数据源可以被这些item view使用。这里对model/view的结构进行了描述，结构中的每个组
【转】QT中树控件QTreeView开发实例(有改动)
pigautumn的专栏
06-06 1万+
原文地址：http://mobile.51cto.com/symbian-268700.htm 注：这里做了些许改动，内容等方面并无影响。 本文讲解了QT中树控件QTreeView开发实例，对于QTreeView没有过多的讲解，那么不说废话了，看代码是如何实现的吧。 方法一：使用QDirModel进行目录的现实，QDirModel是QT中专为文件目录树型显示所提供的一种model
Qt模型视图框架：QTreeView
友善啊，朋友的博客
07-08 4251
一、描述 QTreeView 实现了模型中项目的树表示。 构建一个树视图显示模型中的数据很简单。 在以下示例中，目录的内容由 QFileSystemModel 提供并显示为树： QFileSystemModel *model = new QFileSystemModel; model->setRootPath(QDir::currentPath()); QTreeView *tree = new QTreeView(splitter); tree-&gt
Qt QTreeView 详解
热门推荐
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
03-21 3万+
一.常见接口使用 1.设置表头隐藏，设置表头 QStandardItemModel *model = new QStandardItemModel(this); //设置表头隐藏 //ui->treeView->setHeaderHidden(true); //设置表头 model->setHorizontalHeaderLabels(QStringList()<<"姓名"<<"性别"<<"年龄"); //设置model ui->tr
Qt基础-QTreeView简单demo、视图模型、坐标位置对应关系介绍等
hanxiaoyong_的博客
04-27 1297
1、QTreeView添加多级树： https://blog.youkuaiyun.com/dpsying/article/details/79688581 2、控件绑定自定义数据： 例如Combox中：https://blog.youkuaiyun.com/king422212809/article/details/80513168 3、Qt视图模型的简单介绍：https://blog.youkuaiyun.com/qq_31073871/article/details/113571999 UserRole的介绍：http://w
Qt笔记——QTreeView树状目录基本使用方法
weixin_44122235的博客
05-17 4870
Qt自带了QTreeView控件用于树形菜单的展示，记录基本的使用方法。 一、在QT设计师中拖入一个QTreeView控件 二、代码 // 1、用model管理数据与视图的关系 QStandardItemModel* model = new QStandardItemModel(ui.treeView); //创建模型指定父类 model->setHorizontalHeaderLabels(QStringList() << "Title"); // 设置表头 ​ QSt.
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值