成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

用純JS實(shí)現(xiàn)二級(jí)菜單效果

瀏覽:165日期:2024-04-01 14:48:06

本文實(shí)例為大家分享了JS實(shí)現(xiàn)二級(jí)菜單效果的具體代碼,供大家參考,具體內(nèi)容如下

js點(diǎn)擊出現(xiàn)二級(jí)菜單,點(diǎn)擊二級(jí)菜單主菜單換成二級(jí)菜單

點(diǎn)擊出現(xiàn)二級(jí)菜單

<style>*{margin:0px auto;padding:0px;} .yiji{width:200px;height:40px;background-color:red;color:#fff;text-align:center;line-height:40px;hvertical-align:middle;border:1px solid #FFF;} .erji1{width:200px;height:40px;background-color:#F63;color:#fff;text-align:center;line-height:40px;vertical-align:middle;border:1px solid #FFF;} #erji2{display:none;} #erji3{display:none;} #erji4{display:none;} </style> </head> <body><div onclick='Show(’erji2’)'>首頁(yè)</div><div id='erji2'> <div class='erji1'>1</div> <div class='erji1'>1</div> <div class='erji1'>1</div> </div> <div onclick='Show(’erji3’)'>人才</div><div id='erji3'> <div class='erji1'>1</div> <div class='erji1'>1</div> <div class='erji1'>1</div> </div> <div onclick='Show(’erji4’)'>市場(chǎng)</div><div id='erji4'> <div class='erji1'>1</div> <div class='erji1'>1</div> <div class='erji1'>1</div></div> </body> <script type='text/javascript'>function Show(a){ var a = document.getElementById(a); if(a.style.display == 'block') {a.style.display = 'none'; } else {a.style.display = 'block'; }} </script>

用純JS實(shí)現(xiàn)二級(jí)菜單效果

#caidan{width:200px;height:40px;border:1px solid #999;text-align:center;line-height:40px;vertical-align:middle;} .list{ width:200px; height:40px; border:1px solid #999; border-top-width:0px; text-align:center; line-height:40px; vertical-align:middle; display:none; } #caidan,.list:hover{ cursor:pointer; } .list:hover{ background-color:#63F;}

<div style='width:200px; height:400px;'> <div onclick='Show()'>中國(guó)</div> <div onclick='Xuan(this)'>山東</div> <div onclick='Xuan(this)'>濟(jì)南</div> <div onclick='Xuan(this)'>濟(jì)寧</div> <div onclick='Xuan(this)'>威海</div> <div onclick='Xuan(this)'>淄博</div></div>

function Show(){ var list = document.getElementsByClassName('list'); //顯示列表 for(var i=0;i<list.length;i++) {list[i].style.display = 'block'; } } function Xuan(a){ var c = document.getElementById('caidan'); c.innerHTML = a.innerHTML; var list = document.getElementsByClassName('list'); //顯示列表 for(var i=0;i<list.length;i++) {list[i].style.display = 'none'; } }

用純JS實(shí)現(xiàn)二級(jí)菜單效果

用純JS實(shí)現(xiàn)二級(jí)菜單效果

用純JS實(shí)現(xiàn)二級(jí)菜單效果

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: JavaScript
相關(guān)文章:
成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久
亚洲二区在线视频| 精品美女一区二区三区| 精品精品国产高清一毛片一天堂| 麻豆精品视频在线观看视频| 久久婷婷激情| 一二三四社区欧美黄| 正在播放亚洲| 伊人久久婷婷色综合98网| 欧美videossexotv100| 国产高清亚洲一区| 在线电影院国产精品| 精品综合久久久久久8888| 色狠狠一区二区三区香蕉| 日韩黄色片在线观看| 色婷婷综合久久久中文字幕| 亚洲v日本v欧美v久久精品| 欧美亚洲免费高清在线观看| 亚洲v精品v日韩v欧美v专区| 先锋亚洲精品| 偷拍一区二区三区四区| 久久精品观看| 三级欧美在线一区| 91国偷自产一区二区三区观看| 奇米影视一区二区三区| 在线观看日韩电影| 国内精品写真在线观看| 日韩欧美精品在线视频| 91欧美激情一区二区三区成人| 国产日韩欧美一区二区三区乱码 | 日韩久久久久久| 国产成人亚洲综合色影视| 精品久久久久久久久久久久久久久| voyeur盗摄精品| 日本一二三不卡| 一区二区三区四区国产| 亚洲a一区二区| 欧美日韩一区二区三区不卡| 国产成人精品影院| 国产婷婷色一区二区三区| 一区在线免费| 一区二区三区日韩欧美精品 | 欧美在线观看一二区| 国产一区二区免费视频| 日韩免费电影网站| 欧美视频二区| 欧美二区三区91| 国产福利91精品| 久久一区二区视频| 亚洲经典三级| 蜜桃视频在线一区| 欧美电视剧免费观看| 好吊一区二区三区| 天天亚洲美女在线视频| 欧美三级日韩三级| 成年人国产精品| 亚洲伦在线观看| 色综合久久99| 极品瑜伽女神91| 久久综合中文字幕| 亚洲美女视频在线免费观看| 日本成人中文字幕| 精品国产一二三| 99视频+国产日韩欧美| 久久精品国产成人一区二区三区| 久久综合色天天久久综合图片| 亚洲国产婷婷| 精品一区二区三区不卡 | 日韩精品福利网| 日韩欧美一级在线播放| 国内精品一区二区| 日本中文字幕不卡| 精品国产乱码久久久久久图片 | 久久综合资源网| 国产视频在线观看一区| 国产在线观看一区二区| 亚洲国产经典视频| 葵司免费一区二区三区四区五区| 成人妖精视频yjsp地址| 中文字幕综合网| 欧美视频一区二区| 欧美午夜影院| 麻豆精品在线播放| 欧美激情一区三区| 99久久精品99国产精品| 亚洲午夜羞羞片| 日韩三级伦理片妻子的秘密按摩| 极品少妇一区二区三区精品视频 | 久久精品亚洲精品国产欧美kt∨ | 亚洲精选一二三| 欧美性高清videossexo| 不卡一区二区三区四区| 亚洲激情图片小说视频| 91.xcao| 亚洲第一在线综合在线| 国产在线精品一区二区夜色| 中文字幕在线不卡视频| 欧美日韩亚洲国产综合| 精品白丝av| 国产精品一区二区在线观看网站| 亚洲丝袜美腿综合| 日韩一级二级三级| 国产精品最新自拍| 97成人超碰视| 久久99国产精品免费| 亚洲日本成人在线观看| 欧美成人官网二区| 日本道色综合久久| 亚洲茄子视频| 97精品久久久久中文字幕| 麻豆精品视频在线| 一区二区三区四区高清精品免费观看| 精品国产一二三| 在线看不卡av| 亚洲开发第一视频在线播放| heyzo一本久久综合| 男人的天堂久久精品| 亚洲靠逼com| 久久久久国产精品人| 精品视频在线免费观看| 日韩视频一区| 91蜜桃婷婷狠狠久久综合9色| 久久精品国产一区二区三| 又紧又大又爽精品一区二区| 久久免费看少妇高潮| 欧美日韩日本视频| 亚洲综合精品四区| 欧美激情视频一区二区三区在线播放 | 午夜一级久久| 欧美日本一区| 国产成人一区在线| 青青草原综合久久大伊人精品优势| 综合久久综合久久| 国产色一区二区| 日韩三级视频中文字幕| 欧美亚洲国产一区二区三区va| 国产一区91| 亚洲国产精品久久久久婷婷老年| 99久久99久久久精品齐齐| 亚洲成在人线在线播放| 中文字幕亚洲一区二区av在线| 日韩精品一区二区在线| 欧美日韩在线播放一区| 色域天天综合网| 亚洲黄色视屏| 亚洲性感美女99在线| 色综合久久综合中文综合网| 成人免费高清视频| 国产激情一区二区三区| 极品美女销魂一区二区三区免费| 日本欧美肥老太交大片| 亚洲国产一区在线观看| 亚洲日本一区二区三区| 国产精品丝袜黑色高跟| 午夜宅男久久久| 狠狠干综合网| 91免费版在线看| 91免费看视频| 91在线你懂得| 91在线视频播放| 91丨九色丨蝌蚪富婆spa| av不卡免费电影| av中文字幕一区| 成人免费高清视频| 不卡一区在线观看| 不卡av在线网| 成人高清伦理免费影院在线观看| 国产一区二区三区在线观看精品 | 亚洲成av人片一区二区| 亚洲自拍偷拍网站| 亚洲一区二区高清| 亚洲成人免费观看| 午夜影院久久久| 亚洲国产另类av| 午夜精品一区二区三区三上悠亚| 亚洲午夜精品在线| 日韩专区一卡二卡| 日韩制服丝袜先锋影音| 日本欧美一区二区| 美女视频黄免费的久久| 国产一区在线精品| 国产精品一区二区免费不卡| 国产成人在线视频网站| 成人国产在线观看| 色综合一区二区三区| 欧美区一区二| 狠狠色丁香久久综合频道| 极品少妇一区二区三区| 亚洲精美视频| 久久福利毛片| 欧美日韩在线精品一区二区三区激情| 欧美蜜桃一区二区三区| 日韩欧美一级二级三级久久久| 欧美精品一区二区三区高清aⅴ | 在线视频综合导航| 欧美日韩情趣电影| 日韩一区国产二区欧美三区| 精品国产99国产精品| 国产精品嫩草99a| 亚洲精品菠萝久久久久久久| 天天色图综合网|