<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script type=text/javascript><!--//--><![CDATA[//><!-- function menuFix() { var sfEls = document.getElementById("menu").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) { sfEls[i].οnmοuseοver=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onMouseDown=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onMouseUp=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].οnmοuseοut=function() { this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), ""); } } } window.οnlοad=menuFix; //--><!]]></script> <style type="text/css"> body { font-family: Verdana; font-size: 12px; line-height: 1.5; } a { color: #000; text-decoration: none; } a:hover { color: #F00; } #menu { width:500px; height:28px; margin:0 auto; border-bottom:3px solid #E10001;} #menu ul { list-style: none; margin: 0px; padding: 0px; } #menu ul li { float:left; margin-left:2px;} #menu ul li a { display:block; width:87px; height:28px; line-height:28px; text-align:center; background:url(images/2010-06/27/nav_bg2.gif) 0 0 no-repeat; font-size:14px;} #menu ul li a:hover { background:url(images/2010-06/27/nav_bg3.gif) 0 0 no-repeat;} #menu ul li a#current { background:url(images/2010-06/27/nav_bg1.gif) 0 0 no-repeat; font-weight:bold; color:#fff;} #menu ul li ul { border:1px solid #ccc; display:none; position:absolute;} #menu ul li ul li { float:none; width:87px; background:#eee; margin:0;} #menu ul li ul li a { background:none;} #menu ul li ul li a:hover { background:#333; color:#fff;} #menu ul li:hover ul { display:block;} #menu ul li.sfhover ul { display:block;} </style> </head> <body> <div id="menu"> <ul> <li><a id="current" href="#">首页</a></li> <li><a href="#">网页版式</a> <ul> <li><a href="#">自适应宽度</a></li> <li><a href="#">固定宽度</a></li> </ul> </li> <li><a href="#">web教程</a> <ul> <li><a href="#">新手入门</a></li> <li><a href="#">视频教程</a></li> <li><a href="#">常见问题</a></li> </ul> </li> <li><a href="#">web实例</a></li> <li><a href="#">常用代码</a></li> </ul> </div> </body> </html>
绚丽的网页菜单
2022-12-15
113
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
绚丽的网页菜单
目录
相关文章
|
数据可视化
搭建完菜单后运行不显示菜单的原因及其解决方法（拼图小游戏）
在搭建完菜单以后，程序不报错也能运行，但是运行结果就是一个框，就跟没有搭建过菜单一样，如下图所示，没有我们想象中的菜单栏，更别说有下拉菜单了，但是如果将搭建菜单的代码单独放到一个测试类中去测试一下的话，会显示出来菜单，也就是说我们搭建菜单的核心代码是没有问题的
180
0
0
|
前端开发
为什么我们喜欢丑的、一团糟的界面以及你为什么也要这样
本文讲的是为什么我们喜欢丑的、一团糟的界面以及你为什么也要这样，美丽、清新、整洁、明了、极简。这些词语在相当一段时间里面主导了设计的话语。为了防止你忘记他们，在 Creativeblog 上面查看网站的合集。在一篇文章当中，美丽这个词被使用了6次，而简单被用了11次。
1117
0
1
|
Android开发
【请教问题】kanzi如何实现类似安卓手机桌面滑动切换界面效果？
目前想用kanzi实现类似安卓手机的左右滑动切换桌面的效果。尝试了以下两种方法都没有实现。
方法一：
仿造例子程序album切换效果，将Trajectory List Box 3D中切换改为AngleTrajectory方式，可以实现切换，但是两个图片的间距太大，设置spacing参数到最小也还是有间距。
1236
0
0
|
JavaScript
前端开发
网页引导：jQuery插件实现的页面功能介绍引导页效果
1823
0
0
|
算法
C++
Silverlight 游戏开发小技巧：动感小菜单2
1050
0
0
Silverlight 游戏开发小技巧：动感弹出动画
956
0
0
|
Android开发
热门文章
最新文章
1
四大触点，教你从“用户视角”构建数据分析体系
2
Spring-boot+Dubbo应用启停源码分析
3
《Stata统计分析与应用（第2版）》一3.4 图形的保存、合并及修改
4
RocketMq-Request-Reply消息
5
Confluence 6 手动添加用户
6
2013年4月20日 通用权限管理系统组件V3.8功能改进说明
7
Configuring EIGRP Unequal-Cost Paths
8
PowerShell 指定关键词遍历文件内容
9
Windows时间服务出现故障 向用户发送错误的时间
10
三种dedecms调用相关文章的方法
1
《鸿蒙HarmonyOS应用开发从入门到精通（第2版）》简介
40
2
《Python 助力：人工智能模型的“瘦身”与“加速”之旅》
103
3
《非计算机专业者：Python 开启人工智能职业新航道》
30
4
《Python赋能：智绘智慧城市新蓝图》
35
5
《智育新篇：点亮学生人工智能伦理与社会责任之光》
39
6
《数据主权：人工智能时代的核心基石与挑战》
27
7
鸿蒙HarmonyOS应用开发 | 探索 HarmonyOS Next-从开发到实战掌握 HarmonyOS Next 的分布式能力
103
8
鸿蒙原生开发环境的创新与性能优化：从工具到跨平台支持的全方位提升
255
9
鸿蒙HarmonyOS应用开发 | 「鸿蒙技术分享」HarmonyOS NEXT元服务卡片实战体验
151
10
Qwen-Coder：通过Qwen 2.5模型实现智能代码生成的技术实践
34