精美大氣網址導航網站站長導航網址導航分類導航站自適應

精美大氣網址導航網站站長導航網址導航分類導航站自適應HTML5

用帝國CMS新版核心，安全快速穩定！
首頁無需懂得代碼直接填入要顯示的分類就可以展示你要展示的分類。
內容詳細介紹支持圖文和HTML排版，網站地址加NOF屬性，防止權重導出，不影響本站權重！
TAG標簽屬性已全站做好拼音偽靜態。
內容頁面增加30天訪問量功能并以圖表形式展示，讓運營更真實高效！整站安裝改下LOGO和欄目即可快速運營！
詳細頁請看演示即可：

不多說，直接上圖！

1.AnywhereAnything

http://lackar.com/aa/

AnywhereAnything

AnywhereAnything—單頁式全能搜索引擎，是一款以html5進行開發的單頁網址導航源碼。是把 webOS 的 Just Type 搬上 web 而做的，并進行了本地化,現在仍在不斷添磚加瓦。

2.電影導航

http://www.dydh.org/

電影導航

電影導航網，是國內專業的電影網址導航網站。人工整理優秀的在線電影網站大全、電影網站排行榜和電影下載網站大全,為大家在線看電影和下載電影提供便利.

3.萌導航

http://www.moe123.net/

萌導航

萌導航，是富有二次元的導航網站。及時收錄動漫網站及資訊、宅網站、萌網站、動畫、漫畫、游戲等內容。由于本人喜歡動漫，這個網站我很喜歡。如果不喜歡，就不要勉強。

4.比格張

https://bigezhang.com/

比格張

比格張，是一個發現優秀網站資源的分享平臺。每天推薦一些國內外更多優秀且高質量的設計、產品、創意、圖片、素材、工具資源、社區、技術等主題的網站資源。適合做設計工作的人員。

5.1納米學習網站

http://1nami.com/

1納米學習網

1納米學習導航,是專業的學習網站導航。收集國內外最新最酷的學習網站!

精選 '益智訓練'相關的學習網站!學習必備!找資料必備!

6.老司機導航

http://www.itianxia.cn

老司機

老司機，是一個簡潔懂你的年輕人網址導航。沒有廣告、彈窗,老司機導航希望成為通向未知的最短路徑。快捷鍵直達站點、一鍵打開多個標簽頁,老司機為你節省每分每秒

7.魔導網

http://www.mdwhat.com/home/index/0/common

魔導網

魔導網，是一個集成了網站導航,網站收藏,網站問答,網站分享,共享收藏夾,

隨機發現網站等功能的新型導航網站，發現優秀的網站.

8.筆點

https://www.bidianer.com/#/

筆點

筆點，是一個簡潔的網址導航網站。你可以自定義上網常用網址、自定義你需要的工具模塊。

你還可以發現、收集、分享,Web開發、設計工作中的優質網站。與魔導有點相似。

如果你有好得網站，記得留言分享！

BY:洛奇貓luoqimao

不多說，直奔主題

<!--html代碼-->
<div>
			<ul>
				<li><a href="#home" class="active">主頁</a></li>
				<li><a href="#news">新聞</a></li>
				<li>
					<div class="dropdown">
            <a href="#" class="dropbtn">下拉菜單</a>
              <div class="dropdown-content">
                <a href="#">鏈接 1</a> 
                <a href="#">鏈接 2</a> 
                <a href="#">鏈接 3</a>
              </div>
					</div>
				</li>
				<li><a href="#about">關于</a></li>
			</ul>
			<h3>導航欄上的下拉菜單</h3>
			<p>鼠標移動到 "下拉菜單" 鏈接先顯示下拉菜單。</p>
		</div>

/*css代碼*/
ul {
			     list-style-type: none;
			     margin: 0;
			     padding: 0;
			     background-color: #999;
			     overflow: hidden;
			     /*        注意: overflow:hidden 添加到 ul 元素,以防止 li 元素列表的外出(當li{float:left}時)。         來源鏈接：https://www.runoob.com/try/try.php?filename=trycss_navbar_horizontal_float&basepath=0        */
			 }
			
			 li {
			     float: left;
			 }
			
			 li a {
			     color: white;
			     padding: 14px 16px;
			     display: inline-block;
			     text-decoration: none;
			 }
			
			 li>a.active {
			     background-color: green;
			 }
			
			 li>a:hover:not(a.active),
			 .dropbtn:hover {
			     background-color: #555;
			 }
			
			 .dropdown-content {
			     display: none;
			     position: absolute;
			     /* 默認相對于<html>進行絕對定位 */
			     background-color: #f9f9f9;
			     min-width: 100px;
			     box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
			 }
			
			 .dropdown-content a {
			     color: black;
			     display: block;
			     /* 因為<a>標簽不是塊元素，min-width:100px不會生效 */
			 }
			
			 .dropdown-content a:hover {
			     background-color: #f1f1f1;
			     color: deepskyblue;
			 }
			
			 .dropdown:hover .dropdown-content {
			     display: block;
           opacity: 0.9;/*下拉菜單半透明效果*/
			 }
			
			 /* 中間的空格表示，鼠標懸念在.dropdown上時，dropdown的子元素.dropdown-content變為塊元素 */
			 /* ### 待完善 ###   
			    因為.dropdown只用過一次，覺得可以刪除<div class="dropdown"></div>來減少代碼量，嘗試  將.dropdown:hover .dropdown-content {display: block;} 修改為.dropbtn:hover+.dropdown-content {display: block;} 并刪除<div class="dropdown"></div>后，鼠標懸停在“下拉菜單”上，會顯示下拉菜單， 但無法選中菜單中的“鏈接 x”， ### 為什么？該如何完善？ ###    
			 */

最終效果圖：

在線咨詢

上一篇：讓你成為靈魂畫手的 JS 引擎：Zdog
下一篇：vue可以把視頻變成gif

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

精美大氣網址導航網站站長導航網址導航分類導航站自適應

您的項目需求