js滑塊驗(yàn)證自適應(yīng)插件特效 pc移動(dòng)端
14.1MB / 03-09
JS實(shí)現(xiàn)登陸界面追隨鼠標(biāo)的粒子煙花特效源碼
762KB / 03-01
Canvas三維變化背景動(dòng)畫(huà)特效
39.4KB / 02-13
JS圖片滾動(dòng)切換數(shù)字時(shí)鐘特效源碼
22KB / 02-13
js文字轉(zhuǎn)語(yǔ)音消息播報(bào)源碼
160KB / 02-01
可視化數(shù)據(jù)大屏3D文字效果js插件
46.4KB / 01-18
簡(jiǎn)潔美觀的個(gè)人主頁(yè)導(dǎo)航卡片、網(wǎng)頁(yè)遮罩特效插件MyukiGCard
21.8KB / 12-06
2023年新年倒計(jì)時(shí)動(dòng)畫(huà)網(wǎng)頁(yè)特效源碼
65KB / 11-24
原生javascript的簡(jiǎn)單彈幕插件MyukiDanMu
78.4KB / 10-14
JS實(shí)現(xiàn)的虛化雪景動(dòng)態(tài)背景特效源碼
391KB / 09-27
-
JavaScript 無(wú)需flash內(nèi)容復(fù)制 Clipboard.js v2.0.22 ajax/javascript / 110KB
-
js滑塊驗(yàn)證自適應(yīng)插件特效 pc移動(dòng)端 ajax/javascript / 14.1MB
-
JS實(shí)現(xiàn)登陸界面追隨鼠標(biāo)的粒子煙花特效源碼 ajax/javascript / 762KB
-
-
-
-
-
簡(jiǎn)潔美觀的個(gè)人主頁(yè)導(dǎo)航卡片、網(wǎng)頁(yè)遮罩特效插件MyukiGCard ajax/javascript / 21.8KB
-
2023年新年倒計(jì)時(shí)動(dòng)畫(huà)網(wǎng)頁(yè)特效源碼 ajax/javascript / 65KB
-
原生javascript的簡(jiǎn)單彈幕插件MyukiDanMu ajax/javascript / 78.4KB
詳情介紹

標(biāo)準(zhǔn)的樹(shù)形列表,打開(kāi)關(guān)閉等功能,實(shí)用代碼
第一步:
在網(wǎng)頁(yè)<head>區(qū)添加樣式定義和JS腳本
[code]
<script type="text/javascript">
/*****************************************************
* Share JavaScript (//www.dbjr.com.cn)
* 使用此腳本程序,請(qǐng)保留此聲明
* 獲取此腳本以及更多的JavaScript程序,請(qǐng)?jiān)L問(wèn) //www.dbjr.com.cn
******************************************************/
<!--
function getObject(objectId) {
if(document.getElementById && document.getElementById(objectId)) {
return document.getElementById(objectId);
}
else if (document.all && document.all(objectId)) {
return document.all(objectId);
}
else if (document.layers && document.layers[objectId]) {
return document.layers[objectId];
}
else {
return false;
}
}
function showHide(e,objname){
var obj = getObject(objname);
if(obj.style.display == "none"){
obj.style.display = "block";
e.className="xias";
}else{
obj.style.display = "none";
e.className="rights";
}
}
-->
</script>
<style type="text/css">
body { font-size:12px; margin:20px; padding:0; text-align:left;}
dl,dt,dd,ul,ol,li,p,div,input,h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
li { list-style:none;}
h2 { font-family:"黑體"; font-size:24px; text-align:center; line-height:32px;}
h5 { font-size:12px; text-align:center; font-weight:normal; color:#666; line-height:28px;}
.libiao_menu { margin-bottom:15px;}
.libiao_menu h3 a { margin-top:15px; margin-bottom:15px; display:block; background:url(../picture/user_11.gif) no-repeat 20px 0; width:130px; height:28px; font-size:14px; text-align:left; padding-left:65px; padding-top:13px; color:#0066cc;}
.libiao_menu dl { margin-left:30px; margin-top:5px;}
.libiao_menu dl dt { font-size:14px; line-height:24px;}
.libiao_menu dl dt a { padding-left:13px; color:#333;}
.libiao_menu dl dt a.rights { background:url(//www.sharejs.com/code/menu/menu27/1.gif) no-repeat 0 3px;}
.libiao_menu dl dt a.xias { background:url(//www.sharejs.com/code/menu/menu27/1.gif) no-repeat 0 -41px;}
.libiao_menu dl dd { padding-left:20px;}
.libiao_menu dl dd ul {}
.libiao_menu dl dd ul li { font-size:14px; line-height:24px;}
.libiao_menu dl dd ul li a { color:#06c;}
</style>
[/code]
第二步:
在網(wǎng)頁(yè)<body>區(qū)添加以下代碼
[code]
<div class="libiao_menu">
<dl>
<dt><a href="#" class="xias" onclick="showHide(this,'items0');">我的訂單</a></dt>
<dd id="items0" style="display: block;">
<ul>
<li><a href="#">所有訂單</a></li>
<li><a href="#">需要支付的訂單</a></li>
<li><a href="#">處理中的訂單</a></li>
<li><a href="#">需要確認(rèn)收貨的訂單</a></li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="#" class="xias" onclick="showHide(this,'items1');">帳戶管理</a></dt>
<dd id="items1" style="display: block;">
<ul>
<li><a href="#">我的積分</a></li>
<li><a href="#">管理收貨地址</a></li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="#" class="xias" onclick="showHide(this,'items2');">我的</a></dt>
<dd id="items2" style="display: block;">
<ul>
<li><a href="#">我的收藏</a></li>
<li><a href="#">我的評(píng)論</a></li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="#" class="xias" onclick="showHide(this,'items3');">個(gè)人信息管理</a></dt>
<dd id="items3" style="display: block;">
<ul>
<li><a href="#">編輯個(gè)人檔案</a></li>
<li><a href="#">修改密碼</a></li>
</ul>
</dd>
</dl>
</div>
[/code]
下載地址
人氣腳本
My97DatePicker v4.8 (Js日期控件)
網(wǎng)頁(yè)版科學(xué)計(jì)算器 二進(jìn)制計(jì)算器 在線十六進(jìn)制計(jì)算器
Flash 性能增強(qiáng)插件無(wú)虛邊框 SWFObject.js
jquery.easing.js 1.3 動(dòng)畫(huà)效果擴(kuò)展插件
wap網(wǎng)頁(yè)手機(jī)觸屏js滑動(dòng)圖片滾動(dòng)切換效果
javascript 美化單選 多選和下拉框 最好用的樹(shù)形下拉框組件(單選
js alert confirm樣式彈出對(duì)話框特效源碼
lhgdialog 完美實(shí)現(xiàn)模擬窗口 4.2.0 正式版
JS實(shí)現(xiàn)的上下滑動(dòng)選擇和左右滑動(dòng)選擇效果
新浪首頁(yè)左側(cè)的Js浮動(dòng)廣告代碼
相關(guān)文章
-
js滑塊驗(yàn)證自適應(yīng)插件特效 pc移動(dòng)端
這是一個(gè)實(shí)現(xiàn) js 滑塊驗(yàn)證自適應(yīng)插件,可自動(dòng)跳轉(zhuǎn)樣式,修改樣式,圓角,邊框,背景,顏色等,支持PC、移動(dòng)端...
-
JS實(shí)現(xiàn)登陸界面追隨鼠標(biāo)的粒子煙花特效源碼
這是一個(gè)追隨鼠標(biāo)的煙花動(dòng)畫(huà),可實(shí)現(xiàn)隨著鼠標(biāo)的移動(dòng)而隨機(jī)散開(kāi)的多彩圓形粒子類(lèi)似煙花特效,原來(lái)基于spring security寫(xiě)的一套登陸系統(tǒng)的UI,歡迎下載...
-
Canvas三維變化背景動(dòng)畫(huà)特效
一個(gè)純js三維背景動(dòng)畫(huà)效果,基于canvas實(shí)現(xiàn)的網(wǎng)頁(yè)背景動(dòng)畫(huà),實(shí)現(xiàn)不斷變化的動(dòng)畫(huà)效果,代碼簡(jiǎn)單效果炫酷,需要的朋友可下載...
-
JS圖片滾動(dòng)切換數(shù)字時(shí)鐘特效源碼
是一段基于原生js配合圖片切換完成的數(shù)字時(shí)鐘效果代碼,常用于各大網(wǎng)站實(shí)時(shí)時(shí)鐘模塊,歡迎對(duì)此代碼感興趣的朋友前來(lái)下載使用...
-
js文字轉(zhuǎn)語(yǔ)音消息播報(bào)源碼
一個(gè)基于js的文字轉(zhuǎn)語(yǔ)音消息播報(bào)效果,以LayUI擴(kuò)展形式引入,可做語(yǔ)音消息播報(bào)。支持文字轉(zhuǎn)語(yǔ)音、桌面通知、音頻播報(bào)...
-
可視化數(shù)據(jù)大屏3D文字效果js插件
一個(gè)實(shí)現(xiàn)3D文字動(dòng)畫(huà)展示特效的插件,可展示3D圓球、3D圓錐、3D柱狀、3D柱狀扭曲等文字效果,可自定義,炫酷又好用...
下載聲明
☉ 解壓密碼:www.dbjr.com.cn 就是本站主域名,希望大家看清楚,[ 分享碼的獲取方法 ]可以參考這篇文章
☉ 推薦使用 [ 迅雷 ] 下載,使用 [ WinRAR v5 ] 以上版本解壓本站軟件。
☉ 如果這個(gè)軟件總是不能下載的請(qǐng)?jiān)谠u(píng)論中留言,我們會(huì)盡快修復(fù),謝謝!
☉ 下載本站資源,如果服務(wù)器暫不能下載請(qǐng)過(guò)一段時(shí)間重試!或者多試試幾個(gè)下載地址
☉ 如果遇到什么問(wèn)題,請(qǐng)?jiān)u論留言,我們定會(huì)解決問(wèn)題,謝謝大家支持!
☉ 本站提供的一些商業(yè)軟件是供學(xué)習(xí)研究之用,如用于商業(yè)用途,請(qǐng)購(gòu)買(mǎi)正版。
☉ 本站提供的js實(shí)現(xiàn)2級(jí)下拉導(dǎo)航菜單列表簡(jiǎn)單實(shí)用資源來(lái)源互聯(lián)網(wǎng),版權(quán)歸該下載資源的合法擁有者所有。