jQuery模擬超鏈接點(diǎn)擊效果代碼
更新時(shí)間：2013年04月21日 16:29:30 作者：
本文將為大家介紹下jQuery模擬超鏈接點(diǎn)擊效果實(shí)現(xiàn)，感興趣的朋友可以參考下哈，希望對你有所幫助
復(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實(shí)現(xiàn)的自定義輪播圖功能詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)的自定義輪播圖功能,結(jié)合實(shí)例形式詳細(xì)分析了輪播圖的原理、實(shí)現(xiàn)步驟及相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
jQuery循環(huán)遍歷子節(jié)點(diǎn)并獲取值的方法
這篇文章主要介紹了jQuery循環(huán)遍歷子節(jié)點(diǎn)并獲取值的方法,涉及jQuery節(jié)點(diǎn)的遍歷與屬性操作相關(guān)技巧,需要的朋友可以參考下2016-04-04
DIV外區(qū)域Click后關(guān)閉DIV的實(shí)現(xiàn)代碼
首先看下JS的事件模型，JS事件模型為向上冒泡，如onclick事件在某一DOM元素被觸發(fā)后，事件將跟隨節(jié)點(diǎn)向上傳播，直到有click事件綁定在某一父節(jié)點(diǎn)上，如果沒有將直至文檔的根2011-12-12
jquerymobile checkbox及時(shí)刷新才能獲取其準(zhǔn)確值
一般登錄的時(shí)候 都有個記住用戶名 記住密碼 的兩個checkbox 多選框用jquerymobile 做頁面 ，當(dāng)勾選checkbox 時(shí)總是不能獲取它正確的值2012-04-04
前幾天看到事件委托的時(shí)候，關(guān)于live()方法講的不是很詳細(xì)，就去搜了一下關(guān)于live()和delegate()的，最后看源碼發(fā)現(xiàn)bind()和delegate()都是由on()實(shí)現(xiàn)的，感興趣的朋友可以了解下，或許本文對你有所幫助2013-02-02
ThinkPHP+jquery實(shí)現(xiàn)“加載更多”功能代碼
本篇文章主要介紹了ThinkPHP+jquery實(shí)現(xiàn)“加載更多”功能代碼，以實(shí)例代碼講訴了加載更多的代碼實(shí)現(xiàn),非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-03-03
Jquery post傳遞數(shù)組方法實(shí)現(xiàn)思路及代碼
Jquery post 傳遞數(shù)組以做批量刪除會需要傳遞要刪除的數(shù)據(jù)ID數(shù)組，下面是具體的實(shí)現(xiàn)代碼，感興趣的童鞋們可以參考下2013-04-04
最近做項(xiàng)目做一個樹狀的下拉列表，下面小編把easyUI創(chuàng)建人員樹的實(shí)現(xiàn)代碼分享到腳本之家平臺，需要的朋友參考下吧2017-09-09
Android中的資源是指非代碼部分，指外部文件，本文詳細(xì)介紹資源使用概覽，需要了解的朋友可以參考下2012-12-12
利用jquery實(shí)現(xiàn)實(shí)時(shí)更新歌詞的方法
這篇文章主要給大家介紹了如何利用jquery實(shí)現(xiàn)實(shí)時(shí)更新歌詞的方法,文中給出了詳細(xì)的實(shí)現(xiàn)思路和示例代碼，對大家的參考借鑒具有一定的價(jià)值，有需要的朋友下面來跟著小編一起學(xué)習(xí)學(xué)習(xí)吧。2017-01-01