jQuery模擬超鏈接點(diǎn)擊效果代碼
更新時(shí)間：2013年04月21日 16:29:30 作者：
本文將為大家介紹下jQuery模擬超鏈接點(diǎn)擊效果實(shí)現(xiàn)，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助
復(fù)制代碼 代碼如下:
<style type="text/css">
.divFrame {
width:260px;border:1px solid #666;font-size:10pt;
}
.divTitle {
background-color:#eee;padding:5px;
}
.divContent {
padding:5px;display:none;
}
.divCurrColor {
background-color:red;
}
</style>
<script src="jQuery/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function () {
$('.divTitle').click(function () {
$(this).addClass('divCurrColor').next('.divContent').css('display', 'block');
})
})
</script>
</head>
<body>
<div class="divFrame">
<div class="divTitle">主題</div>
<div class="divContent">
<a href="#">鏈接一</a><br />
<a href="#">鏈接二</a><br />
<a href="#">鏈接三</a>
</div>
</div>
</body>
相關(guān)文章
這篇文章主要介紹了jQuery中next方法用法,實(shí)例分析了jQuery中next方法的功能、定義及相關(guān)使用技巧,需要的朋友可以參考下2015-04-04
屬性選擇符就是通過(guò)HTML元素的屬性選擇元素。如獲取所有鏈接的TITLE屬性，可以用$('a[title]')2011-04-04
JQuery入門(mén)基礎(chǔ)小實(shí)例(1)
這篇文章主要講述了一個(gè)JQuery入門(mén)基礎(chǔ)小實(shí)例，實(shí)現(xiàn)的過(guò)程效果都很簡(jiǎn)單，特別適合初學(xué)者來(lái)學(xué)習(xí)，感興趣的小伙伴們可以參考一下2015-09-09
本文主要介紹了預(yù)加載顯示圖片藝術(shù)實(shí)現(xiàn)的方法--一個(gè)jquery庫(kù)的preLoadImages()函數(shù)，使用這個(gè)函數(shù)就可以輕松實(shí)現(xiàn)圖片預(yù)加載了。需要的朋友可以看下2016-12-12
Tipso是一款基于jQuery的Tooltip提示框插件，他提供了眾多參數(shù)，如顯示動(dòng)畫(huà)持續(xù)時(shí)間、背景顏色、文本顏色、顯示位置、加載ajax內(nèi)容、回調(diào)函數(shù)等等。2015-05-05
jquery實(shí)現(xiàn)的Banner廣告收縮效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)的Banner廣告收縮效果代碼,可實(shí)現(xiàn)點(diǎn)擊按鈕收縮與展開(kāi)廣告圖片的功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09
這篇文章主要為大家分享了jquery單擊和雙擊事件沖突解決方案，感興趣的小伙伴們可以參考一下2016-03-03
本文主要介紹了jquery實(shí)現(xiàn)更改表格行順序示例,大家參考使用吧2014-04-04
用慣jquery的用戶(hù)可能習(xí)慣于連寫(xiě)行為，也就是說(shuō)在調(diào)用一個(gè)方法之后，緊跟著調(diào)用另一個(gè)方法，如此連寫(xiě)不斷，形成一個(gè)珍珠鏈，而且編寫(xiě)靈活，方便2012-08-08
jquery左邊浮動(dòng)到一定位置時(shí)顯示返回頂部按鈕
這篇文章主要介紹通過(guò)jquery實(shí)現(xiàn)左邊浮動(dòng)到一定位置時(shí)顯示返回頂部按鈕的效果,需要的朋友可以參考下2014-06-06