Posted in Javascript onFebruary 27, 2013
JQuery真的太强大了,真好看!
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="https://3water.com/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="https://3water.com/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="https://3water.com/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切换显示的效果实例代码
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@