js,css,二级下拉菜单
web前端-js教程
本文实例讲述了js+css实现超简洁的二级下拉菜单效果代码。分享给大家供大家参考。具体如下:安卓应用商店cms源码,ubuntu 最高内核意义,tomcat身份认证实现,网站 视频 爬虫,查看php扩展命令,seo优化凉一SEOlzw
这是一个很简洁的CSS+JavaScript二级菜单,没有使用过多的修饰素材,尽量不调用外部图片,简洁大方,而且便于二级开发完善,最初是一个政府网站上的菜单。php怎么开发大型网站源码,ubuntu切换显卡命令,腾讯云上启动tomcat,手工diy爬虫,杭州php培训哪里有,seo扒手lzw
运行效果截图如下:飞飞影视导航源码怎么安装,vscode 逆天插件,ubuntu升级ado,小米的tomcat,sqlite用户信息管理,爬虫机器人怎样制作视频,上海php工资,黄山seo推广软件,国外网站页面模板,博客网页模板源码,帝国程序模板lzw
在线演示地址如下:http://demo.jb51.net/js/2015/js-css-simple-2jxl-menu-style-codes/
具体代码如下:
二级下拉菜单 /*#193B5F 栏目字体颜色*/*{margin:0; padding:0}body{width:960px; margin:20px auto; font-size:14px;}/*导航条*/#nav {background-color:blue; color:#fff;height:25px;line-height:25px;text-align:center;list-style:none;} #nav a{color:#fff;} #nav li{width:75px;float:left;position:relative;z-index:1;} #nav li .title{display:block;} #nav li .title:hover{background-color:green;} #nav li .submenu{width:75px;margin:0 auto;background:green;position:absolute;left:0;top:25px;display:none;} #nav li .submenu dd{border-top:1px dotted #ddd;color:#fff;} 国家政务 时政要闻 远程党教 村务管理 网络服务 信息交流 求购信息 转让信息