2.8w+
社区成员
- 全部
这个菜单 怎么用 高分100
下面这个菜单我觉得不错 但怎么应用啊 怎么横向显示 ？ 再有如果用的话 是不是直接加到<table>里就可以了？
如果2级里的内容需要从数据库里读出来那怎么改啊？ 谢谢大家了 着急啊！
<script type="text/javascript">
startList.tag = 0;
function startList(rootObj)
{
var navRoot, i=0;
if(rootObj == '' || rootObj == null) rootObj=document.all.navitree;
try
{
navRoot = rootObj;
if(navRoot==null)
{
alert('null a wrong accoured');
}
else
{
for (i=0; i<navRoot.childNodes.length; i++)
{
node = navRoot.childNodes[i];
if (node.nodeName=="LI")
{
node.onmouseover=function()
{
this.className ="over";
}
node.onmouseout=function()
{
this.className="out";
}
if(startList.tag==1)
{
node.className = "out";
}
startList(node);
}
else if (node.nodeName=="UL")
{
startList.tag = 1;
startList(node);
}
} //for end
}
} //try end
catch(e)
{
alert(e);
} //catch end
} //startList
window.onload = startList;
</script>
<style type="text/css">
body { font-size: 12px; font-family: 'Courier New';}.navitree
a { display: block; width: 100%; padding: 5px; margin: 1px; text-decoration: none; background: #ffe; color: #000;}
.navitree a:hover { background: #880; color: #fff;}
.navitree { width: 451px;}
.navitree, .navitree ul {
margin: 0px; padding: 0px;
border-bottom: 1px solid #ccc; border-right: #ccc 1px solid;
list-style-type: none;
}
.navitree li {
position: relative; width: 150px; padding: 0px; border-left: #ccc 1px solid;
border-top: #ccc 1px solid; float: left; background: #fff;
}
.navitree li ul li {
position: relative; width: 150px; padding: 0px; border: #ccc 1px solid; border-bottom: 0px;
border-right: 0px; float: left;
}
.navitree li ul {
display: none; position: absolute; left: -1px; top: 26px;
}
.navitree li ul li ul {
position: absolute; left: 149px; top: -1px;
/* Set 1px less than menu width */
}
li.over ul { display: block; visibility: visible;}
li.out ul { visibility: hidden; /* 比用 display:none 效率会高 */}
</style>
<BODY>
<ul id="navitree" class="navitree">
<li><a href="#">home</a></li>
<li>
<a href="#">about ></a>
<ul id="second">
<li><a href="#">history</a></li>
<li><a href="#">team</a></li>
<li><a href="#">offices</a></li>
</ul>
</li>
<li>
<a href="#">services ></a>
<ul>
<li>
<a href="#">web design ></a>
<ul>
<li><a href="#">web design - sub1</a></li>
<li><a href="#">web design - sub2</a></li>
<li><a href="#">web deisgn - sub3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</BODY>
如果2级里的内容需要从数据库里读出来那怎么改啊？ 谢谢大家了 着急啊！
<script type="text/javascript">
startList.tag = 0;
function startList(rootObj)
{
var navRoot, i=0;
if(rootObj == '' || rootObj == null) rootObj=document.all.navitree;
try
{
navRoot = rootObj;
if(navRoot==null)
{
alert('null a wrong accoured');
}
else
{
for (i=0; i<navRoot.childNodes.length; i++)
{
node = navRoot.childNodes[i];
if (node.nodeName=="LI")
{
node.onmouseover=function()
{
this.className ="over";
}
node.onmouseout=function()
{
this.className="out";
}
if(startList.tag==1)
{
node.className = "out";
}
startList(node);
}
else if (node.nodeName=="UL")
{
startList.tag = 1;
startList(node);
}
} //for end
}
} //try end
catch(e)
{
alert(e);
} //catch end
} //startList
window.onload = startList;
</script>
<style type="text/css">
body { font-size: 12px; font-family: 'Courier New';}.navitree
a { display: block; width: 100%; padding: 5px; margin: 1px; text-decoration: none; background: #ffe; color: #000;}
.navitree a:hover { background: #880; color: #fff;}
.navitree { width: 451px;}
.navitree, .navitree ul {
margin: 0px; padding: 0px;
border-bottom: 1px solid #ccc; border-right: #ccc 1px solid;
list-style-type: none;
}
.navitree li {
position: relative; width: 150px; padding: 0px; border-left: #ccc 1px solid;
border-top: #ccc 1px solid; float: left; background: #fff;
}
.navitree li ul li {
position: relative; width: 150px; padding: 0px; border: #ccc 1px solid; border-bottom: 0px;
border-right: 0px; float: left;
}
.navitree li ul {
display: none; position: absolute; left: -1px; top: 26px;
}
.navitree li ul li ul {
position: absolute; left: 149px; top: -1px;
/* Set 1px less than menu width */
}
li.over ul { display: block; visibility: visible;}
li.out ul { visibility: hidden; /* 比用 display:none 效率会高 */}
</style>
<BODY>
<ul id="navitree" class="navitree">
<li><a href="#">home</a></li>
<li>
<a href="#">about ></a>
<ul id="second">
<li><a href="#">history</a></li>
<li><a href="#">team</a></li>
<li><a href="#">offices</a></li>
</ul>
</li>
<li>
<a href="#">services ></a>
<ul>
<li>
<a href="#">web design ></a>
<ul>
<li><a href="#">web design - sub1</a></li>
<li><a href="#">web design - sub2</a></li>
<li><a href="#">web deisgn - sub3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</BODY>
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
关于Spyder在高分辨率显示器下的菜单图标显示不正确问题 在spyder界面里更改下面的选项 Tools > Preferences > General > Appearance > Screen resolution.
高分辨率视频数字纪录设备 笔者研制的高分辨率视频数字记录设备是一个独立的、菜单控制的设备，它将高分辨率监视器上（１２８０×１０２４并向下兼容）能观察到的所有信息（包括人工操作的痕迹）记录下来，存储在大容量载体上。该设备具备显示...
RFID技术中的高分辨率视频数字记录设备 笔者研制的高分辨率视频数字记录设备是一个独立的、菜单控制的设备，它将高分辨率监视器上（１２８０×１０２４并向下兼容）能观察到的所有信息（包括人工操作的痕迹）记录下来，存储在大容量载体上。该设备具备显示...
解决Ubuntu高分屏下matlab标题栏（菜单栏）字体过小问题 本人笔记本为1920x1080，在win10下还好，可以调整，但是...请注意Matlab版本只有2017b及以后的版本才能使用此方法，如果版本过低，请先升级。 MathWorks suggested the following procedure, which works well for...
c语言编程 要有菜单工作界面,使用C语言图形界面进行编程 1. 编写图形程序时，请使用graphics.lib中调用的某些图形库函数，并且在运行这些函数时，需要相关信息(例如宏定义等)包含在graphics.h头文件中.2. 我们每天在电视屏幕上显示的图片实际上是由一些点(亮度和颜色不同)...
javascriptcapstone:该... 它具有诸如乐谱，高分，音乐，游戏开始时的主菜单，暂停按钮以及计数器等功能-源码 我添加了其他功能，例如新角色，乐谱和高分，音乐，游戏开始时的主菜单，实现了暂停以及停止游戏，并在恢复游戏时插入了一个计数器。游戏为用户提供了3秒钟的准备时间。 它还具有一个记分板，可向用户显示API的...
mineshot：Minecraft Mod，用于创建高分辨率屏幕截图-源码 Mineshot本质上是Notch巨大的屏幕截图功能的改进版本，可在Minecraft Beta 1.2至1.4中使用，从而可以创建极高分辨率的屏幕截图。 在Mineshot中，可以通过将多个较小的screeenshot拼贴组合到一个大图像中，也可以...
使用RSD处理高分6号（ GF6） WFV数据 使用RSD处理高分6号（ GF6） WFV数据 ...都说高分6号WFV这个宽幅相机很宽，看看下图就知道有多宽了。 水平扫描范围横跨3省，接近千公里级了！再宽点可以当气象卫星用了。 GF6 WFV除了数据量大以外就是把数...
使用RSD对高分1号卫星数据进行批量大气校正 高分数据处理可以有下述5中选项 MSS数据的批量正射校正 MSS数据批量正射校正和大气...见《使用RSD批量融合高分1号(GF1)卫星数据》。 制备需要进行批量处理数据的文件名的文本文件。 准备3个文件： GF1_PMS1_E1...
4k高分屏Windows10下软件字体过小解决办法 在Windows10下使用Matlab，由于是4k显示屏，本来以为Matlab会出现字体过小的情况，结果并没有出现什么问题。字体显示一切正常，然而在打开Simulink时，Matlab字体突然变小，整个界面都不太正常。 解决办法： Win10...
转 - C# WinForm在高分辨率下界面模糊问题的解决 转自知乎 前言 昨天刚搞定了DevExpress，今天就遇到了之前遇到过的一个问题，那就是WinForm在高分辨率下界面模糊。我的开发环境是Windows10 64位和VS...WinForm对高分屏的支持不好，用WPF程序设计可以解决该问题。(这
Ubuntu上Firefox字体太小--高分屏背锅 高分屏上Firefox调整缩放比 电脑配置：Windows8和Ubuntu16.04双系统，Ubuntu引导，笔记本屏幕是一块1080P的高分屏（毕竟是游戏本，当然现在大多数电脑还是1366x768的屏幕） 就是这么一块屏幕导致了在Ubuntu上Firefox...
使用RSD批量正射校正和批量融合高分1号卫星数据 菜单批量处理进行以下几种处理工作。 MSS数据的批量正射校正 MSS数据批量正射校正和大气校正 PAN 数据的批量正射校正 MSS与PAN批量正射校正和融合 MSS与PAN批量正射校正、MSS的大气校正和融合 检查正射校正使用...
eclipse适配高分辨率屏幕（不需要新建manifest） 问题描述： 新入手2K屏，本应该是“真香”，奈何某些软件对高分配适配不好。以eclipse在2K屏上显示为例，工具栏图标出奇的小，看着难受的很。以下图为例： 解决办法 ： 1. 在网上搜了一些解决方案，大体是先在...
高分多模卫星数据正射校正大气校正与PANSHARP融合 高分多模卫星有一个全色通道和8个多光谱数据通道。全色波段波长0.450～0.900 µm，分辨率0.5m。8个多光谱波段波长依次为 0.400～0.450 µm 0.450～0.520 µm 0.520～0.590 µm 0.590～0.625 µm 0.630～0.690 ...
解决高分辨率看网页字体太小问题的一个方法 有些笔记本电脑或LCD显示器的最佳分辨率大于1024x768，例如SXGA+的1400x1050，我们一般会在Windows的显示选项里设置使用大字体，以便更容易阅读。...以前有一个办法是在IE选项的辅助功能里设置IE...
ID-Assignment-3:GameMoo是一个允许用户玩迷你游戏的网站。 用户可以创建一个帐户来保存他们的高分-源码 通过在迷你游戏上设置高分，用户可以玩游戏并向世界展示自己的技能。 用户可以创建一个伴奏并将他们的分数保存在排行榜上。 GameMoo使用restdb.io来跟踪帐户详细信息，排行榜和测验排行榜的本地存储。 设计过程 该...
高分一号（GF-1）影像数据下载方法 高分一号影像数据的下载方法： 方法一：遥感集市下载，网址：http://www.rscloudmart.com/ 点击网址打开遥感集市网页，点击数据中心，显示如下图影像查询和下载界面，在下载之前，首先应注册账户，点击注册按钮...
在高分辨率下eclipse，STS,等软件工具栏图标过小的问题方法总结 对于高分屏的小伙伴来说，一些软件对于高分屏的支持不是很好，会导致软件内的一些工具栏的图标过小。我这里总结了一些关于这些问题的解决办法： 方法一： 配置注册表及在软件目录下使用配置文件进行解决。具体的...
ContextMenuManager:Windows快捷菜单管理程序-源码 一个纯粹的Windows快捷菜单管理程序 主要功能 启用或添加文件，文件夹，新建，发送到，打开方式，自定义文件格式，IE浏览器，WinX等快捷菜单项目 对上述场景快捷菜单项目进行修改，修改图标，导航控件位置，导航文件...
高分7(GF7)卫星数据制作DEM RSD平台新增利用GF7卫星前视PAN数据（FWDPAN）和后视PAN数据（BWDPAN）制作数字高程模型/数字表面模型（DEN/DSM）。实际上多光谱后视数据（BWDMUX）的参与...有两个菜单项可以开始DEM制作。先选择第一个（红框内）DEM生
