jquery選項卡
<style type="text/css">
.topTitle{
background-color: yellow;
width: 300px;
height: 30px;
}
.topTitle ul{
list-style-type: none;
margin-left: -50px;
}
.topTitle ul li{
float: left;
line-height: 30px;
cursor: pointer;
margin-left: 30px;
width: 40px;
padding-left:20px;
text-align: center;
}
.content{
width: 300px;
height: 300px;
background-color: fuchsia;
}
.content div{
display: none;
}
.content .nowShow{
display: block;
}
</style>
</head>
<body>
<div class="topTitle">
<ul>
<li>標題1</li>
<li>標題2</li>
<li>標題3</li>
</ul>
</div>
<div class="content">
<div class="nowShow">標題1</div>
<div>標題2</div>
<div>標題3</div>
</div>
</body>
<script type="text/javascript">
$(document).ready(function() {
$(".topTitle ul li").mouseover(function() {
var dd = $(".content>div").eq($(".topTitle ul li").index(this));
dd.addClass("nowShow");
dd.siblings().removeClass("nowShow");//siblings()遍歷
});
});
</script>
創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)克拉瑪依區(qū),10余年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220
分享名稱：jquery選項卡
網(wǎng)站鏈接：http://www.rwnh.cn/article42/jsdpec.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、面包屑導(dǎo)航、云服務(wù)器、企業(yè)建站、做網(wǎng)站、商城網(wǎng)站
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
- 淺析移動網(wǎng)站建設(shè)的一些經(jīng)驗分享 2016-10-20
- 企業(yè)移動網(wǎng)站建設(shè)關(guān)鍵詞選取策略原則 2015-07-07
- 成都移動網(wǎng)站建設(shè)中長滾動頁面的優(yōu)勢 2020-08-22
- 深圳寶安移動網(wǎng)站建設(shè)長滾動頁面的優(yōu)勢是什么 2021-12-02
- 成都企業(yè)移動網(wǎng)站建設(shè)要怎樣建設(shè)才能適應(yīng)互聯(lián)網(wǎng)的新時代要求？ 2022-10-24
- 移動網(wǎng)站建設(shè)時要注意視覺的設(shè)計及優(yōu)化 2016-10-05
- 深圳移動網(wǎng)站建設(shè)需要注意的問題 2022-05-03
- 為什么說當下企業(yè)移動網(wǎng)站建設(shè)勢在必行？ 2022-10-16
- 移動網(wǎng)站建設(shè)用戶體驗介紹 2021-08-24
- 移動網(wǎng)站建設(shè)需要注意哪些事項？ 2022-12-01
- 成都網(wǎng)站建設(shè)與移動網(wǎng)站建設(shè)的關(guān)系 2016-10-29
- 移動網(wǎng)站建設(shè)如何突出產(chǎn)品信息 2014-09-24