国产精品大片免费观看,日本大香伊一区二区三区,亚洲国产精品人人爽夜夜爽

當前位置：首頁 > 范文|應用文 > IT技術專欄 > 網絡編程

javascript仿京東導航左側分類導航下拉菜單效果

來源：易賢網閱讀：2168 次日期：2016-07-19 13:47:47

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

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

效果圖：

實現代碼：

<!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>

希望本文所述對大家學習javascript程序設計有所幫助。

上一篇：javascript函數命名的三種方式及區別介紹

下一篇：JS中多種方式創建對象詳解

易賢網手機網站地址：javascript仿京東導航左側分類導航下拉菜單效果

由于各方面情況的不斷調整與變化，易賢網提供的所有考試信息和咨詢回復僅供參考，敬請考生以權威部門公布的正式信息和咨詢為準！

相關閱讀網絡編程

Shell中如何刪除文本比較長的行的實現方法10月30日

vue.js語法及常用指令10月30日

python 讀寫中文json的實例詳解10月30日

Objective-C Json 實例詳解10月30日

bootstrap table sum總數量統計實現方法10月30日

python生成二維碼的實例詳解10月30日

Python批量更改文件名的實現方法10月30日

解決出現Incorrect integer value的問題10月30日

jQuery實現切換隱藏與顯示同時切換圖標功能10月30日

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

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

vue.js todolist實現代碼10月30日

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

apache 開啟重定向 rewrite的實現方法10月30日

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

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

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

docker cgroup 資源監控的詳解10月30日

使用Android Studio 開發自己的SDK教程10月23日

linux系統下MongoDB單節點安裝教程10月23日

易賢網移動網站

2026上岸·考公考編培訓報班

報班類型
姓名
手機號
驗證碼

最新信息

2025年昆明市盤龍區人民法院對外招聘政法崗合同制書記員公告

2025年怒江州州級事業單位選聘報名數據（截至2025年9月19日15：00）

2025年怒江州州級事業單位選聘報名數據（截至2025年9月19日10：00）

2025年曲靖市馬龍區雞頭村街道社區衛生服務中心公益性崗位招聘公告

2026年中國航空工業集團慶安校園招聘公告

2025年西雙版納州法律職業資格客觀題考試成績、合格分數線公布和主觀題考試報名公告

2025年曲靖市法律職業資格客觀題考試成績、合格分數線公布和主觀題考試報名公告

2025年玉溪市法律職業資格客觀題考試成績、合格分數線公布和主觀題考試公告

2025年普洱市法律職業資格客觀題考試成績、合格分數線公布和主觀題考試公告

2025年文山州國家統一法律職業資格客觀題考試成績、合格分數線公布公告

公考類

云南公務員貴州公務員四川公務員廣西公務員各省公務員國家公務員選調遴選

招聘類

事業單位教師招聘特崗教師三支一扶志愿者銀行招聘國企招聘

各類考試

學歷升學會計考試職業資格外語考試醫學考試工程考試教師資格

中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久