用帝國CMS新版核心,安全快速穩(wěn)定!
首頁無需懂得代碼直接填入要顯示的分類就可以展示你要展示的分類。
內(nèi)容詳細介紹支持圖文和HTML排版,網(wǎng)站地址加NOF屬性,防止權(quán)重導(dǎo)出,不影響本站權(quán)重!
TAG標(biāo)簽屬性已全站做好拼音偽靜態(tài)。
內(nèi)容頁面增加30天訪問量功能并以圖表形式展示,讓運營更真實高效!整站安裝改下LOGO和欄目即可快速運營!
詳細頁請看演示即可:
不多說,直接上圖!
1.AnywhereAnything
http://lackar.com/aa/
AnywhereAnything
AnywhereAnything—單頁式全能搜索引擎,是一款以html5進行開發(fā)的單頁網(wǎng)址導(dǎo)航源碼。是把 webOS 的 Just Type 搬上 web 而做的,并進行了本地化,現(xiàn)在仍在不斷添磚加瓦。
2.電影導(dǎo)航
http://www.dydh.org/
電影導(dǎo)航
電影導(dǎo)航網(wǎng),是國內(nèi)專業(yè)的電影網(wǎng)址導(dǎo)航網(wǎng)站。人工整理優(yōu)秀的在線電影網(wǎng)站大全、電影網(wǎng)站排行榜和電影下載網(wǎng)站大全,為大家在線看電影和下載電影提供便利.
3.萌導(dǎo)航
http://www.moe123.net/
萌導(dǎo)航
萌導(dǎo)航,是富有二次元的導(dǎo)航網(wǎng)站。及時收錄動漫網(wǎng)站及資訊、宅網(wǎng)站、萌網(wǎng)站、動畫、漫畫、游戲等內(nèi)容。由于本人喜歡動漫,這個網(wǎng)站我很喜歡。如果不喜歡,就不要勉強。
4.比格張
https://bigezhang.com/
比格張
比格張,是一個發(fā)現(xiàn)優(yōu)秀網(wǎng)站資源的分享平臺。每天推薦一些國內(nèi)外更多優(yōu)秀且高質(zhì)量的設(shè)計、產(chǎn)品、創(chuàng)意、圖片、素材、工具資源、社區(qū)、技術(shù)等主題的網(wǎng)站資源。適合做設(shè)計工作的人員。
5.1納米學(xué)習(xí)網(wǎng)站
http://1nami.com/
1納米學(xué)習(xí)網(wǎng)
1納米學(xué)習(xí)導(dǎo)航,是專業(yè)的學(xué)習(xí)網(wǎng)站導(dǎo)航。收集國內(nèi)外最新最酷的學(xué)習(xí)網(wǎng)站!
精選 '益智訓(xùn)練'相關(guān)的學(xué)習(xí)網(wǎng)站!學(xué)習(xí)必備!找資料必備!
6.老司機導(dǎo)航
http://www.itianxia.cn
老司機
老司機,是一個簡潔懂你的年輕人網(wǎng)址導(dǎo)航。沒有廣告、彈窗,老司機導(dǎo)航希望成為通向未知的最短路徑。快捷鍵直達站點、一鍵打開多個標(biāo)簽頁,老司機為你節(jié)省每分每秒
7.魔導(dǎo)網(wǎng)
http://www.mdwhat.com/home/index/0/common
魔導(dǎo)網(wǎng)
魔導(dǎo)網(wǎng),是一個集成了網(wǎng)站導(dǎo)航,網(wǎng)站收藏,網(wǎng)站問答,網(wǎng)站分享,共享收藏夾,
隨機發(fā)現(xiàn)網(wǎng)站等功能的新型導(dǎo)航網(wǎng)站,發(fā)現(xiàn)優(yōu)秀的網(wǎng)站.
8.筆點
https://www.bidianer.com/#/
筆點
筆點,是一個簡潔的網(wǎng)址導(dǎo)航網(wǎng)站。你可以自定義上網(wǎng)常用網(wǎng)址、自定義你需要的工具模塊。
你還可以發(fā)現(xiàn)、收集、分享,Web開發(fā)、設(shè)計工作中的優(yōu)質(zhì)網(wǎng)站。與魔導(dǎo)有點相似。
如果你有好得網(wǎng)站,記得留言分享!
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">關(guān)于</a></li>
</ul>
<h3>導(dǎo)航欄上的下拉菜單</h3>
<p>鼠標(biāo)移動到 "下拉菜單" 鏈接先顯示下拉菜單。</p>
</div>
/*css代碼*/
ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #999;
overflow: hidden;
/* 注意: overflow:hidden 添加到 ul 元素,以防止 li 元素列表的外出(當(dāng)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>標(biāo)簽不是塊元素,min-width:100px不會生效 */
}
.dropdown-content a:hover {
background-color: #f1f1f1;
color: deepskyblue;
}
.dropdown:hover .dropdown-content {
display: block;
opacity: 0.9;/*下拉菜單半透明效果*/
}
/* 中間的空格表示,鼠標(biāo)懸念在.dropdown上時,dropdown的子元素.dropdown-content變?yōu)閴K元素 */
/* ### 待完善 ###
因為.dropdown只用過一次,覺得可以刪除<div class="dropdown"></div>來減少代碼量,嘗試 將.dropdown:hover .dropdown-content {display: block;} 修改為.dropbtn:hover+.dropdown-content {display: block;} 并刪除<div class="dropdown"></div>后,鼠標(biāo)懸停在“下拉菜單”上,會顯示下拉菜單, 但無法選中菜單中的“鏈接 x”, ### 為什么?該如何完善? ###
*/
最終效果圖:
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。