亚洲免费在线视频-亚洲啊v-久久免费精品视频-国产精品va-看片地址-成人在线视频网

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

JavaScript實(shí)現(xiàn)橫版菜單欄

瀏覽:2日期:2023-06-23 16:23:27

本文實(shí)例為大家分享了JavaScript實(shí)現(xiàn)橫版菜單欄的具體代碼,供大家參考,具體內(nèi)容如下

示例代碼:

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>橫版菜單欄</title> <style> .active{ background-color: aqua; } .hide{ display: none; } .menu{ background-color: #667dbd; width: 300px; height: 30px; } .menu-item{ border: #bd342d solid 2px; cursor: pointer; /*鼠標(biāo)懸停在相應(yīng)標(biāo)簽上時(shí)變成手指的樣子*/ } .con-item{ min-height: 200px; border: solid 1px; width: 300px; } </style></head><body><!--什么時(shí)候用漂浮什么時(shí)候用內(nèi)聯(lián)標(biāo)簽?zāi)兀?-> <div class='menu'> <span m='1'>菜單一</span> <span m='2'>菜單二</span> <span m='3'>菜單三</span> </div> <div class='content'> <div c='1'>內(nèi)容一</div> <div c='2'>內(nèi)容二</div> <div c='3'>內(nèi)容三</div> </div> <script src='http://m.lshqa.cn/bcjs/jquery-1.12.4.js'></script> <script> $(’.menu-item’).click(function () { $(this).addClass(’active’).siblings().removeClass(’active’); var match = $(this).attr(’m’); $(’.content’).children(’[c=’+match+’]’).removeClass(’hide’).siblings().addClass(’hide’);// children函數(shù)的參數(shù)要求是字符串!// $(’.content’).children().eq($(this).index()).removeClass(’hide’).siblings().addClass(’hide’);// 也可以用索引的方式(.eq($(this).index()))找到對(duì)應(yīng)的標(biāo)簽,這種處理方式就不需要要用到自設(shè)屬性m和c了 }); </script></body></html>

更多菜單效果點(diǎn)擊《JavaScript菜單專題》學(xué)習(xí),還有一些不錯(cuò)的專題分享給大家: Javascript級(jí)聯(lián)菜單特效匯總

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

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 一级毛片免费不卡在线 | 日本一级在线观看 | 日韩欧美一区二区在线 | 韩国v欧美v亚洲v日本v | 亚洲国产日韩成人综合天堂 | 国产综合久久一区二区三区 | 国产成人啪精品视频免费网 | 久久久免费精品视频 | 精品国产免费久久久久久 | 日韩欧美一级a毛片欧美一级 | 日本三级香港三级人妇r | 特级a做爰全过程片 | 性欧美video另类bd | 欧美三级在线观看视频 | 欧美一级爆毛片 | 成年人视频免费网站 | 久久se精品一区精品二区 | 日韩一级片视频 | 性高湖久久久久久久久 | 91精品91久久久久久 | 国产一区二区三区四区五区 | 国产在线观看免费视频软件 | 国产精品亚洲二线在线播放 | 国产黄色一级毛片 | 性感美女一级毛片 | 玖玖在线免费视频 | 国产高清专区 | 2018av男人天堂 | 一级一毛片a级毛片欧美 | 国产成人毛片精品不卡在线 | 久色精品| 91精品久久久久久久久久 | 亚洲第一狼人区 | 黄色三级毛片 | 国产精品久久自在自线观看 | 亚洲天堂视频在线观看免费 | avtt加勒比手机版天堂网 | 自拍1页| 日本一级做人免费视频 | 99久久综合国产精品免费 | 久久久久久久国产 |