CSS3 ?? Xiaomi ?? ???? ?? ???? ?? ??
<title>css3仿小米官網(wǎng)導(dǎo)航下拉菜單代碼</title>
<!-- 樣式 -->
<style type="text/css">
*{??: 0px;??:0px;}
.nav {??: ??;??:994px;??:52px;??: #404144;??:0 ??;}
.nav li{?? ???: ??;float: ??;? ??: 50px;}
.nav li a{?????: ??;??? ??: ??;??: #FFFFFF;??: 0px 15px;??-??: "微軟雅黑";}
.nav li a:hover .xs{?????: ??;}
.nav li a:hover {??: #333333;}
.nav li a .xs{border:1px solid #cccccc;border-top:none;display: none;width:992px;ground:#FFFFFF;position:absolute;top:50px;left:0px;}
.nav li a .xs .xiao {??:??;??:-8px;???-??: 8px ??? ??;???-???: 8px ??? ??;???-??: 8px ??? #FFFFFF;??:0px;??:0px ;z-??: 999;}
.nav li:nth-child(1) .xiao {??:20px;}
.nav li:nth-child(2) .xiao {??:98px;}
.nav li:nth-child(3) .xiao {??:177px;}
.nav li:nth-child(4) .xiao {??:255px;}
.nav li:nth-child(5) .xiao {??:348px;}
.nav li:nth-child(6) .xiao {??:427px;}
.nav li:nth-child(7) .xiao {??:496px;}
.nav li:nth-child(8) .xiao {??:576px;}
.nav li:nth-child(9) .xiao {??:646px;}
.nav li:nth-child(10) .xiao {??:706px;}
</???>
</??>
<body><script src="/demos/googlegg.js"></script>
<br>
<div class="nav">
<ul>
<li><a href="#">首頁(yè)</a></li>
<li><a href="#">小米手機(jī)
<div class="xs">
<div class="xiao"></div>
<img src="img/1.jpg" />
</div>
<li><a href="#">紅米
<div class="xs">
<div class="xiao"></div>
<img src="img/2.jpg" />
</div>
一款黑color風(fēng)格的仿導(dǎo)航菜單網(wǎng)頁(yè)特效。
? ???? ?? ???? ???? ????? ?? ???? ????? ????????. ?????? ???? ?? ??????! ? ???? ?? ???? ?? ?????? ?????. ??? ???? ???? ??? ????. ??? ??? ?? ??? ?? ??? ???? ????! ??? ?? ?? ??? ???? ????? ????. ???: admin@php.cn
?? ??
CSGO ?? ?? ????? ?? HD ?? ?? CSGO ??? ?? ?? ????? ?? ??
04 Jun 2025
CSGO (Coun ?? ??? ??? ??? ?? ?? ???? ?? ????? ??? ? ??????. ?? ??? ?? ???? ?? ???? ?? ?? ????, ???? ??? ?? ??? ??? ??? ? ????. ? ??? CSGO ?? ?? ?????? ?? ???? ??? ??? ???? ??? ??? ???? ??? ? ??????.
ASUS? ?? ?? ??? ?????? ??? ???? ?????
13 Mar 2025
ASUS ?? ?? ??? ??? ?? : ?? ?? ?? ??? ??? ASUS? ?? ??? ? ???? ?? ?????? ?? ?? ???? ???? ?? ??? ????? ?? ??? ?? ??? ?????. ??? ? ??
?? ?? ???? ????? ??? ???? ?? CSS? Shape Outside ??? ???? ??? ??????
05 Apr 2025
? ????? ?? ?? ???? ????? ??? ???? ??? ??? ?? ????? ?? ??? ????? ??? ???? ??? ?????? ? ?? ...
????? ? ?? ??? CSS3 ?? ?? ??? ??? ?? ? ????
06 Dec 2024
CSS3? ???? ??? ??: ??? ??? ?? ?? ? ??? CSS3 ???????? ????...
CSS3 ?????? ???? ??? ???? ??? ??? ??? ?? ? ????
29 Nov 2024
CSS3 ?????? ???? ???? ??? ?? ??????? ?????: ??? ????? ???? ??? ??? ??? ??...
CSS3 ??????? ??? ?? ?? ??? ??? ?? ? ????
04 Dec 2024
??? ?? ?? ???? ? ????? CSS3 ?????? ???? ??? ?? ??? ??? ??? ??? ???????....
CSS3?? ????? ??? ?? ??: ???? ?????? ???
27 Oct 2024
CSS3 ?? - ??? ?? ?? CSS3??? ???? ?????? ???? ??? ?? ??? ?? ? ????. ??? ??? ...
10 JQuery Cool ?? ?? ????
01 Mar 2025
? ??? ??? ??? ????? ?? 10 Cool JQuery ?? ?? ?? ????! ??? ?? jQuery Navigation ?? ????? ????? ?? 10 ?? ??? JQuery ?? ?? ????? ?????. ????! ?? ?? ? : -10 ??? jQuery Navigation MENUS -15 ??? jQuery Navigation MENUS ??? ??? ??? ???? ?????? ? ????? ????? ?? ?? ????? ??? ??? ?? ??? ?? ? ????. ?? ?? ?? 2. jQuery ??? ??-Submenu??? FX CSS ?? 100% CSS ??, jQuery? ???? ?? ??. JavaScript ? ???? ?? ??? ??????. ??? ????, ???? ??? ?????
CSS ?? ??? ???? ??? ???? ??? ????? ?? ??? ??? ???? ??? ??????
05 Apr 2025
CSS ?? ?? ? ?? ?? ??? ??? CSS? ???? ?? ?? ??? ??? ??? ???? ?? ???? ?? ???? ??? ???? ??? ?? ?? ? ???? ...
??? ??
CSS ???? ?? ??? ????? ?? ??? ???????.
CSS ???? ?? ??? ????? ?? ??? ???????.
CSS3 SVG ?? ? ?? ?? ??
SS3 SVG ?? ? ????? ????? ?????? ????? ???????.
CSS ??? ????? ????? ?? ???? ???? ?? ?? ??? ?????.
CSS ??? ????? ????? ?? ???? ???? ?? ?? ??? ?????.
jQuery+CSS3 ???? ?? ?? ?? ??
jQuery+CSS3 ???? ?? ?? ?? ??? ???? ??? ???? ?? ????? ?? ?????.
CSS3 ????? ???? ???? ????? ?? ??
??? ??? ? ?? ??, ???? ???? ??? ????? ????