二级菜单居中的横向CSS下拉菜单

2024-09-05 12:19:22

字体：大中小

来源：转载

供稿：网友

另类的CSS下拉导航菜单，鼠标放上后滑出二级菜单，始终居浏览器中间，如果内容超出限制，会自动变为两行，其实和别的下拉菜单没有什么区别，就看需求了，每个人喜好不一样。

<!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" lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>二级菜单居中的横向下拉菜单</title><style type="text/css"></style><script type=text/javascript><![CDATA[//><!]]></script></head><body><ul id="nav"><li>网站首页 <ul> <li>网站首页</li><li >分类导航</li><li >最新更新</li><li >下载排行</li> </ul></li> <li>ASP源码 <ul> <li>聊天留言</li><li>企业建站</li><li>论坛社区</li><li>新闻文章</li><li>博客日记</li><li>CMS系统</li><li>学校政府</li><li>影音视频</li> </ul></li> <li>PHP源码 <ul><li>学校政府</li><li>影音视频</li><li>商务商城</li><li>查询搜索</li><li>人才房产</li> </ul></li> <li>JAVA源码 <ul> <li>聊天留言</li><li>企业建站</li><li>论坛社区</li><li>新闻文章</li><li>博客日记</li><li>CMS系统</li><li>学校政府</li><li>影音视频</li> </ul></li> <li>电子书籍 <ul> <li>论坛社区</li><li>商务商城</li><li>企业建站</li><li>影音视频</li><li>办公管理</li><li>图片相册</li> </ul></li> <li>VC++ <ul><li>界面编程</li><li>数据库应用</li><li>报表打印</li><li>多媒体技术</li><li>控件相关</li> </ul></li></ul></div></body></html>

上一篇：仿站长网JS+CSS首页导航菜单

下一篇：CSS+JS黑色横向三级导航条