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="http://www.jb51.net/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.jb51.net/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.jb51.net/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>

　　推荐阅读

　　js数组Array sort方法使用深入分析

javascript 中 Array.sort()方法是用来对数组项进行排序的 ，默认情况下是进行升序排列，实例代码如下： 复制代码 代码如下: var arrA = [6,2,4,3,5,1]; arrA.sort(); document.writeln(arrA); //结果是：1,2,3,4,>>>详细阅读

本文标题：JQuery切换显示的效果实例代码

地址：http://www.17bianji.com/kaifa2/JS/22329.html

 1/2    1