JQuery切換顯示的效果實(shí)例代碼
JQuery真的太強(qiáng)大了,真好看!
Jquery代碼如下:
$(function () {
$(".n_zyb_gzright .n_zyb_gzrightlist").hover(function () {
$(this).find(".n_zyb_gzrightlistc").attr("style", "display:block").parent().siblings().find(".n_zyb_gzrightlistc").attr("style", "display:none");
})
})
Html代碼如下:
<div class="n_zyb_gzright">
<div class="n_zyb_gzrightlist">
<a target="_blank" class="a1" href="/Media/PlayMedia/212.shtml" title="我們都能幸福著">
我們都能幸福著</a> <a class="" href="javascript:void(0)">人氣:<font>1</font></a>
<div class="clear">
</div>
<div style="display:block" class="n_zyb_gzrightlistc">
<div class="index_zx_img_left">
<a target="_blank" href="/User/ShowInfo/220">
<img src="http://www.dbjr.com.cn/Avatar/2012113010521695319512.gif"></a></div>
<div class="n_zpcen_ti">
<a target="_blank" href="/User/ShowInfo/220">jstu001</a><br>
<a target="_blank" class="n_zpa" href="/User/ShowInfo/220">
作品:<span>18</span></a> </div>
<div class="clear">
</div>
</div>
</div>
<div class="n_zyb_gzrightlist">
<a target="_blank" class="a1" href="/Media/PlayMedia/232.shtml" title="開心就好了。">
開心就好了。</a> <a class="" href="javascript:void(0)">人氣:<font>1</font></a>
<div class="clear">
</div>
<div style="display:none" class="n_zyb_gzrightlistc">
<div class="index_zx_img_left">
<a target="_blank" href="/User/ShowInfo/221">
<img src="http://www.dbjr.com.cn/Avatar/2013011410552810013828.jpg"></a></div>
<div class="n_zpcen_ti">
<a target="_blank" href="/User/ShowInfo/221">jteacher001</a><br>
<a target="_blank" class="n_zpa" href="/User/ShowInfo/221">
作品:<span>12</span></a> </div>
<div class="clear">
</div>
</div>
</div>
<div class="n_zyb_gzrightlist">
<a target="_blank" class="a1" href="/Media/PlayMedia/213.shtml" title="2131321">
</a> <a class="" href="javascript:void(0)">人氣:<font>0</font></a>
<div class="clear">
</div>
<div style="display:none" class="n_zyb_gzrightlistc">
<div class="index_zx_img_left">
<a target="_blank" href="/User/ShowInfo/220">
<img src="http://www.dbjr.com.cn/Avatar/2012113010521695319512.gif"></a></div>
<div class="n_zpcen_ti">
<a target="_blank" href="/User/ShowInfo/220">jstu001</a><br>
<a target="_blank" class="n_zpa" href="/User/ShowInfo/220">
作品:<span>18</span></a> </div>
<div class="clear">
</div>
</div>
</div>
</div>
- jquery淡化版banner異步圖片文字效果切換圖片特效
- jQuery簡單實(shí)現(xiàn)banner圖片切換
- javascript 上下banner替換具體實(shí)現(xiàn)
- jquery左右滾動(dòng)焦點(diǎn)圖banner圖片鼠標(biāo)經(jīng)過顯示上下頁按鈕
- 比較漂亮的幾款迎國慶Banner圖片打包下載
- 十個(gè)新年banner,祝大家新年快樂!
- Banner程序
- 利用PHP實(shí)現(xiàn)與ASP Banner組件相似的類
- 非??岬慕荁ANNER
- JS+DIV實(shí)現(xiàn)鼠標(biāo)劃過切換層效果的實(shí)例代碼
- JS實(shí)現(xiàn)切換標(biāo)簽頁效果實(shí)例代碼
- js圖片自動(dòng)切換效果處理代碼
- 最簡單的js圖片切換效果實(shí)現(xiàn)代碼
- 網(wǎng)站基于flash實(shí)現(xiàn)的Banner圖切換效果代碼
相關(guān)文章
jQuery實(shí)現(xiàn)的鼠標(biāo)滾輪控制圖片縮放功能實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的鼠標(biāo)滾輪控制圖片縮放功能,結(jié)合完整實(shí)例形式分析了jQuery基于鼠標(biāo)滾輪mousewheel事件進(jìn)行頁面元素屬性動(dòng)態(tài)操作的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-10-10解決qrcode.js生成二維碼時(shí)必須定義一個(gè)空div的問題
這篇文章主要介紹了解決qrcode.js生成二維碼時(shí)必須定義一個(gè)空div的問題,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07jQuery讓控件左右移動(dòng)的三種實(shí)現(xiàn)方法
常用的方法就是把控件的CSS position屬性設(shè)置為relative或 absolute,大家也可以學(xué)習(xí)下本文提供的其他方法2013-09-09基于?jquery-cxselect?實(shí)現(xiàn)下拉聯(lián)動(dòng)效果功能實(shí)現(xiàn)
這篇文章主要介紹了基于?jquery-cxselect?實(shí)現(xiàn)下拉聯(lián)動(dòng)效果,下拉聯(lián)動(dòng)是基于query的一款聯(lián)動(dòng)下拉菜單插件 jquery-cxselect實(shí)現(xiàn),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02基于jQuery的360圖片展示實(shí)現(xiàn)代碼
基于jQuery的360圖片展示實(shí)現(xiàn)代碼,需要的朋友可以參考下2012-06-06jQuery實(shí)現(xiàn)點(diǎn)擊任意位置彈出層外關(guān)閉彈出層效果
在之前做項(xiàng)目的時(shí)候經(jīng)常會(huì)在主頁面上點(diǎn)擊某個(gè)按鈕,右側(cè)彈出一個(gè)div輸出對應(yīng)內(nèi)容的詳細(xì)信息,怎么實(shí)現(xiàn)的呢,今天小編給大家分享通過jquery實(shí)現(xiàn)點(diǎn)擊任意位置彈出層外關(guān)閉彈出層效果,感興趣的朋友一起看看吧2016-10-10jQuery+AJAX實(shí)現(xiàn)網(wǎng)頁無刷新上傳
這篇文章主要介紹了jQuery+AJAX實(shí)現(xiàn)網(wǎng)頁無刷新上傳的相關(guān)資料,十分詳細(xì),需要的朋友可以參考下2015-02-02