国产免费一区二区三区免费视频,不卡自拍视频免费观看,中文字幕av专区无码不卡

當(dāng)前位置：首頁(yè) > 范文|應(yīng)用文 > IT技術(shù)專欄 > 網(wǎng)絡(luò)編程

javascript仿京東導(dǎo)航左側(cè)分類導(dǎo)航下拉菜單效果

來(lái)源：易賢網(wǎng) 閱讀：1861 次日期：2016-07-19 13:47:47

溫馨提示：易賢網(wǎng)小編為您整理了“javascript仿京東導(dǎo)航左側(cè)分類導(dǎo)航下拉菜單效果”,方便廣大網(wǎng)友查閱！

這篇文章主要為大家詳細(xì)介紹了javascript仿京東導(dǎo)航左側(cè)分類導(dǎo)航下拉菜單效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

效果圖：

實(shí)現(xiàn)代碼：

<!DOCTYPE html>

<html>

<head>

<style>

*{margin:0;padding:0;}

.ul{position:relative;width:200px;height:auto;}

.ul li{height:24px;line-height:24px;border-bottom:1px solid #ddd;text-align:center;font-size:12px;}

.ul li a{display:block;background:#fff;color:#000;text-decoration:none;}

.ul li a:hover{display:block;background:#000;color:#fff;text-decoration:none;}

.ul li div{display:none;width:400px; height:auto;position:absolute;top:0;left:200px; background:#000; color:#fff;}

.ul li div dl dd{float:left; width:100px;}

.ul .liname div{display:block;}

</style>

window.onload=function(){

var aLi=document.getElementsByTagName("li");

for(var i=0;aLi.length>i;i++){

aLi[i].i=i;

aLi[i].onmouseover=function(){

this.className="liname";

var h1=this.i*25;

var h2=this.getElementsByTagName("div")[0].offsetHeight;

if(h2<h1){

this.getElementsByTagName("div")[0].style.top=h1+'px';

}

aLi[i].onmouseout=function(){

this.className="";

}

</script>

</head>

<body>

<li>

<dl>

</dl>

</div>

</li>

<li>

<dl>

</dl>

</div>

</li>

<dl>

</dl>

</div>

</li>

<dl>

</dl>

</div>

</li>

<dl>

</dl>

</div>

</li>

<dl>

</dl>

</div>

</li>

<dl>

</dl>

</div>

</li>

<dl>

</dl>

</div>

</li>

</ul>

</body>

</html>

希望本文所述對(duì)大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。

更多信息請(qǐng)查看網(wǎng)絡(luò)編程

上一篇：javascript函數(shù)命名的三種方式及區(qū)別介紹

下一篇：JS中多種方式創(chuàng)建對(duì)象詳解

易賢網(wǎng)手機(jī)網(wǎng)站地址：javascript仿京東導(dǎo)航左側(cè)分類導(dǎo)航下拉菜單效果

由于各方面情況的不斷調(diào)整與變化，易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考，敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)！

相關(guān)閱讀網(wǎng)絡(luò)編程

Shell中如何刪除文本比較長(zhǎng)的行的實(shí)現(xiàn)方法10月30日

vue.js語(yǔ)法及常用指令10月30日

python 讀寫(xiě)中文json的實(shí)例詳解10月30日

Objective-C Json 實(shí)例詳解10月30日

bootstrap table sum總數(shù)量統(tǒng)計(jì)實(shí)現(xiàn)方法10月30日

python生成二維碼的實(shí)例詳解10月30日

Python批量更改文件名的實(shí)現(xiàn)方法10月30日

解決出現(xiàn)Incorrect integer value的問(wèn)題10月30日

jQuery實(shí)現(xiàn)切換隱藏與顯示同時(shí)切換圖標(biāo)功能10月30日

docker python api 安裝配置的詳解10月30日

javascript按鈕禁用和啟用的效果實(shí)例代碼10月30日

vue.js todolist實(shí)現(xiàn)代碼10月30日

vue.js 父向子組件傳參的實(shí)例代碼10月30日

apache 開(kāi)啟重定向 rewrite的實(shí)現(xiàn)方法10月30日

Vue.js劃分組件的方法10月30日

python logging日志模塊的詳解10月30日

vue中的scope使用詳解10月30日

docker cgroup 資源監(jiān)控的詳解10月30日

使用Android Studio 開(kāi)發(fā)自己的SDK教程10月23日

linux系統(tǒng)下MongoDB單節(jié)點(diǎn)安裝教程10月23日

易賢網(wǎng)移動(dòng)網(wǎng)站

2025國(guó)考·省考課程試聽(tīng)報(bào)名

報(bào)班類型
姓名
手機(jī)號(hào)
驗(yàn)證碼

最新信息

2025年新疆維吾爾自治區(qū)考試錄用公務(wù)員公告

2025年昆明市第一中學(xué)西山學(xué)校招聘優(yōu)秀中學(xué)學(xué)科教師公告

2025年德宏州民族初級(jí)中學(xué)考核招聘緊缺專業(yè)學(xué)科優(yōu)秀人才公告（第二批）

2025年鎮(zhèn)雄長(zhǎng)水高級(jí)中學(xué)優(yōu)秀教師招聘公告

2025年昆明市晉寧區(qū)六街鎮(zhèn)中心幼兒園招聘編外工作人員公告

2025年中國(guó)郵政集團(tuán)云南省分公司曲靖、西雙版納專項(xiàng)見(jiàn)習(xí)人員接收公告

2025年大理州南澗縣事業(yè)單位考核招聘綜合成績(jī)及進(jìn)入體檢人員通知

2025年大理州巍山縣文化和旅游局事業(yè)單位考核招聘面試成績(jī)及體檢公告

2024年昆明市醫(yī)療保障基金運(yùn)行監(jiān)測(cè)評(píng)估中心選調(diào)擬選調(diào)人員公示

2025年國(guó)昆廣源（北京）科技有限公司云南分公司招聘啟事

公考類

云南公務(wù)員貴州公務(wù)員四川公務(wù)員廣西公務(wù)員各省公務(wù)員國(guó)家公務(wù)員選調(diào)遴選

招聘類

事業(yè)單位教師招聘特崗教師三支一扶志愿者銀行招聘國(guó)企招聘

各類考試

學(xué)歷升學(xué) 會(huì)計(jì)考試職業(yè)資格外語(yǔ)考試醫(yī)學(xué)考試工程考試教師資格