前天gu1dai发的无限右弹的菜单--〉横向版（）

2005-07-13 05:44:20 197 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

RK系列开发板音频驱动适配指南（五）通过编译配置、并执行make_kernel.sh命令，最后生成镜像文件 boot.img,通过烧录工具烧录，即可验证驱动。RK系列开发板音频驱动适配指南，从DAI驱动适配、DMA的驱动适配到到编译内核以及本文的操作步骤指导，掌握了核心代码和步骤，更深入了解了驱动适配的整个过程。一整套流程下来，就可以适配RK系列开发板音频驱动了。阅读详情

效果如下：
----------------------------------
[菜单一][菜单二][菜单三][菜单四][菜单五]
[菜单一-][菜单一=]
[菜单一-][菜单一=]
[菜单一-][菜单一=]
[菜单一-]
[菜单一-]
[菜单一-]
--------------------------------------
做事要有始有终，前几天发的那个改自经典论坛的无限右弹菜单，改来改去，并对其中的css做了很多修改，很多注释：（依然不支持mozilla. :( 。承蒙朋友们的关注，正面的评价多于负面的评价。:)，按照大家的意见，改到最后，增加了图片指向，并使css的定义不影响全局的css定义，以及作上我的注释（由于自己的css水平很菜，肯定有注释不对的地方，还请朋友们指正）。

当时有个朋友提出要改成横向的，我今天看了下，改了css的几个定义，结果它就变成横向的了。

发出来，以供参考。

demo地址：
http://base5.w926.com/base5/js/menu.html
由于在下没有个人空间，只好借用朋友的。

...全文

QN1幻化引擎 Rust C++ 开源本文提出信号场注意力（Signal Field Attention, SFA），一种双通道注意力机制，通过将标准注意力分解为近场精确通道和远场压缩通道，有效解决自注意力机制的O(n²)计算复杂度和O(n·d)内存占用问题。SFA在保持近场精度的同时，通过指数加权移动平均压缩历史信息为固定大小状态向量，实现248倍内存压缩和4倍加速。实验表明，SFA在Qwen2.5-0.5B模型上显著降低困惑度（PPL从7.22降至1.17），增强向量与原始注意力输出正交（余弦相似度0.002），且无需训练即可部署。配合Me 阅读详情

JavaScript 87,983 成员 224,680 内容

+ 关注 + 加入社区

切换为时间正序

e_ 2005-07-15

打赏
举报

从这个菜单改出来的所有菜单都不支持mozilla

gu1dai 2005-07-14

打赏
举报

ding

e_ 2005-07-13

打赏
举报

代码

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<style>
BODY { FONT: 11px verdana }
pre { FONT: 12px verdana }
/*这是定义id 为navitree的ul样式*/
UL#navitree{
PADDING : 0px; MARGIN: 0px; width:100% ;
BORDER:1px solid #008;
list-style:disc inside ;
}

UL#navitree LI.overbg {
background:#eeeeee no-repeat top right;
color:white;
}
UL#navitree LI.outbg {
background:#eeeeee no-repeat top right;
color:white;
}
/*这一句绝不能少,这是定义id 为navitree下的所有ul，包括ul的ul*/
UL#navitree UL{
BORDER-left:1px solid #008;BORDER-top:1px solid #008;BORDER-right:1px solid #008;BORDER-bottom:1px solid #008;
PADDING : 0px; MARGIN: 0px;
}
/*定义id 为 navitree 的 UL 下的所有LI*/
UL#navitree LI {
float:left;
width:80px; padding:0px;MARGIN: 0px; position:relative;
}
/*初始化 id 为 navitree 的 UL 下的所有LI css样式为outbg时 */
UL#navitree LI.outbg UL{ DISPLAY:none; }

/*定义a link的样式*/
UL#navitree LI A { PADDING: 3px; DISPLAY: block; COLOR: #777; TEXT-DECORATION: none; }
UL#navitree LI A:hover { COLOR: white }

/*下面这一句异常关键,不可少*/
.navitree LI UL {
DISPLAY: none; position:absolute;
}
/*这一句定义class为navitree的UL-〉LI->UL->LI->UL,这一句和上一句都是用来定义子UL的显示位置的。*/
.navitree LI UL LI UL{
DISPLAY: block; position:absolute;left:80px;top:0px;
}
/*定义有子菜单的LI鼠标移过，移出的样式*/

UL#navitree LI UL LI.overbg {
background:url(D://usr//www//html//mambog/modules/navicategory/arr.gif) #eeeeee no-repeat top right;
color:white;
}

UL#navitree LI UL LI.outbg {background:url(D://usr//www//html//mambog/modules/navicategory/arr.gif) #dddddd no-repeat top right;
color:white;
}
LI.overbg UL{DISPLAY: block;}
LI.outbg UL{DISPLAY:none;}

/*定义无子菜单的LI鼠标移过，移出的样式*/
LI.over {background:#eeeeee;}
LI.out {background:white;}

</style>

<UL id="navitree" class="navitree">
<LI><a href=#>生活</a>
<UL><LI><a href=#>主要菜系</a>
<UL><LI><a href=#>论坛</a><LI><a href=#>菜系简介</a>
<UL><LI><a href=#>简介之间</a>
<UL><LI><a href=#>Latest</a>
<UL><LI><a href=#>好5级</a></UL></UL></UL></UL><LI><a href=#>hello</a><LI><a href=#>二手交易</a><LI><a href=#>生活小常识</a><LI><a href=#>通信/互联网</a><LI><a href=#>干洗</a><LI><a href=#>家政</a><LI><a href=#>美容/美发</a><LI><a href=#>运动</a><LI><a href=#>健康</a><LI><a href=#>餐饮</a>
<UL><LI><a href=#>中国饮食文化</a></UL></UL></LI>
<LI><a href=#>购物</a>
<UL><LI><a href=#>婚纱、服装定做</a><LI><a href=#>本地特产</a><LI><a href=#>花卉（插花、盆景）</a><LI><a href=#>CD、VCD、乐器</a><LI><a href=#>玩具、兴趣、游戏</a><LI><a href=#>妇幼儿童用品</a><LI><a href=#>室内装饰</a><LI><a href=#>日用品</a><LI><a href=#>电脑、家电</a><LI><a href=#>食品、饮料</a><LI><a href=#>服装、服饰、鞋</a><LI><a href=#>专卖店</a><LI><a href=#>综合商场</a></UL></LI><LI><a href=#>居住</a>
<UL><LI><a href=#>宾馆</a><LI><a href=#>租房、买房</a></UL></LI><LI><a href=#>出行</a>
<UL><LI><a href=#>旅行</a><LI><a href=#>车船飞机票</a><LI><a href=#>交通</a></UL></LI><LI><a href=#>娱乐</a>
<UL><LI><a href=#>其他（摄影、雕刻.....）</a><LI><a href=#>演出信息</a><LI><a href=#>休闲场所</a><LI><a href=#>酒吧</a><LI><a href=#>书籍</a><LI><a href=#>电影</a><LI><a href=#>音乐</a></UL></LI><LI><a href=#>服务</a>
<UL><LI><a href=#>快递</a><LI><a href=#>订票</a><LI><a href=#>办公用品</a><LI><a href=#>天气</a></UL></LI><LI><a href=#>招聘</a>
<UL><LI><a href=#>求职</a><LI><a href=#>企业招聘</a>
<UL><LI><a href=#>兼职</a></UL></UL></LI><LI><a href=#>新闻</a>
<UL><LI><a href=#>热点访谈</a><LI><a href=#>热点新闻</a><LI><a href=#>本地新闻</a></UL></LI><LI><a href=#>育儿</a>
<UL><LI><a href=#>兴趣班</a><LI><a href=#>公园</a><LI><a href=#>游乐园</a><LI><a href=#>儿童用品</a><LI><a href=#>学校</a><LI><a href=#>托儿所</a></UL></LI><LI><a href=#>学习/培训</a>
<UL><LI><a href=#>意大利学习</a>
<UL><LI><a href=#>top 学习培训</a></UL><a href=#>文化交流</a><LI><a href=#>家教</a><LI><a href=#>英文培训</a><LI><a href=#>中文讲座</a></UL></LI></UL>

<PRE>
<h2>横向菜单</h2>
我改了下，这个带图片箭头。图片箭头在css里定义，统一放到一个文件里了。
bug都补上了，样式也作了小小的修改。由于我对css的了解比较浅薄，只能尽力改到简洁了。
需要注意，如果你把三个文件分开来，那么，确保所有文件编码格式统一。如：都为gb2312，或都为utf-8

注意：由于原先的菜单样式定义不符合局部使用的要求，会影响整个页面的样式定义，所以我修改了。
修改后的样式符合局部使用的需要。其定义不会影响整个页面的样式定义。
整个UL容器需要像这样定义：
<UL id="<font color=red>navitree</font>" class="navitree">
此处的id号<font color=red>navitree</font>需要和javascript中的id号对应

在这里
if(rootObj == '' || rootObj == null)rootObj= <font color=red>navitree</font>;


</PRE>

前天gu1dai发的无限右弹的菜单--〉横向版（）

相关推荐