jQuery模擬超鏈接點擊效果代碼
更新時間：2013年04月21日 16:29:30 作者：
本文將為大家介紹下jQuery模擬超鏈接點擊效果實現(xiàn)，感興趣的朋友可以參考下哈，希望對你有所幫助
復制代碼 代碼如下:
<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>
相關文章
這篇文章主要介紹了jQuery中next方法用法,實例分析了jQuery中next方法的功能、定義及相關使用技巧,需要的朋友可以參考下2015-04-04
屬性選擇符就是通過HTML元素的屬性選擇元素。如獲取所有鏈接的TITLE屬性，可以用$('a[title]')2011-04-04
這篇文章主要講述了一個JQuery入門基礎小實例，實現(xiàn)的過程效果都很簡單，特別適合初學者來學習，感興趣的小伙伴們可以參考一下2015-09-09
本文主要介紹了預加載顯示圖片藝術實現(xiàn)的方法--一個jquery庫的preLoadImages()函數(shù)，使用這個函數(shù)就可以輕松實現(xiàn)圖片預加載了。需要的朋友可以看下2016-12-12
Tipso是一款基于jQuery的Tooltip提示框插件，他提供了眾多參數(shù)，如顯示動畫持續(xù)時間、背景顏色、文本顏色、顯示位置、加載ajax內容、回調函數(shù)等等。2015-05-05
這篇文章主要介紹了jquery實現(xiàn)的Banner廣告收縮效果代碼,可實現(xiàn)點擊按鈕收縮與展開廣告圖片的功能,非常簡單實用,需要的朋友可以參考下2015-09-09
這篇文章主要為大家分享了jquery單擊和雙擊事件沖突解決方案，感興趣的小伙伴們可以參考一下2016-03-03
本文主要介紹了jquery實現(xiàn)更改表格行順序示例,大家參考使用吧2014-04-04
用慣jquery的用戶可能習慣于連寫行為，也就是說在調用一個方法之后，緊跟著調用另一個方法，如此連寫不斷，形成一個珍珠鏈，而且編寫靈活，方便2012-08-08
這篇文章主要介紹通過jquery實現(xiàn)左邊浮動到一定位置時顯示返回頂部按鈕的效果,需要的朋友可以參考下2014-06-06