web前端|html教程
小米官网css3导航菜单代码
web前端-html教程
小米官网css3导航菜单代码。这是一款黑色风格的小米官方网站css3导航下拉菜单代码。效果图如下：
java项目源码分享网,vscode 与vim,ubuntu街机,tomcat重定位,sqlite源代码解读,ecshop首页可伸缩广告插件,怎么知道前端用了什么框架,虚拟机怎样爬虫,php curl 抓取,专业seo外包运营,虚拟币官网网站下载,jq获取网页字体大小,仿最新虎嗅网模板lzw
在线预览 源码下载
幸运28网站源码,ubuntu 休眠 时间,tomcat是通用的么,vc爬虫开发,PHP软件下载音乐网站,个人主页怎么做seolzw
实现的代码。
无人机源码分析,ubuntu和zsh,绿色版配置tomcat,58 app爬虫,php微信模板消息群发,浦东新区seo网络推广渠道介绍lzw
html代码：
首页小米手机
红米
小米平板小米电视盒子
路由器
合约机服务社区
css代码：
* { margin: 0px; padding: 0px; } .nav { position: relative; width: 994px; height: 52px; background: #404144; margin: 0 auto; } .nav li {list-style: none;float: left;line-height: 50px; } .nav li a { display: block; text-decoration: none; color: #FFFFFF; padding: 0px 15px; font-family: "微软雅黑";}.nav li a:hover .xs { display: block; }.nav li a:hover { background: #333333; }.nav li a .xs { border: 1px solid #cccccc; border-top: none; display: none; width: 992px; background: #FFFFFF; position: absolute; top: 50px; left: 0px; } .nav li a .xs .xiao { position: absolute; top: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #FFFFFF; width: 0px; height: 0px; z-index: 999; } .nav li:nth-child(1) .xiao { left: 20px;} .nav li:nth-child(2) .xiao { left: 98px;} .nav li:nth-child(3) .xiao { left: 177px;} .nav li:nth-child(4) .xiao { left: 255px;} .nav li:nth-child(5) .xiao { left: 348px;} .nav li:nth-child(6) .xiao { left: 427px;} .nav li:nth-child(7) .xiao { left: 496px;} .nav li:nth-child(8) .xiao { left: 576px;} .nav li:nth-child(9) .xiao { left: 646px;} .nav li:nth-child(10) .xiao { left: 706px;}
via：/article/jquery-xiaomi-nav
