JQuery切换显示的效果实例代码

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>       
                            <div>
                                <a target="_blank" href="https://www.jb51.net/Media/PlayMedia/212.shtml" title="我们都能幸福着">
                                    我们都能幸福着</a> <a href="javascript:void(0)">人气:<font>1</font></a>
                                <div>
                                </div>
                                <div>
                                    <div>
                                        <a target="_blank" href="https://www.jb51.net/User/ShowInfo/220">
                                            <img src="https://www.jb51.net/Avatar/2012113010521695319512.gif"></a></div>
                                    <div>
                                        <a target="_blank" href="https://www.jb51.net/User/ShowInfo/220">jstu001</a><br>
                                        <a target="_blank" href="https://www.jb51.net/User/ShowInfo/220">
                                            作品:<span>18</span></a>&nbsp;&nbsp;</div>
                                    <div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <a target="_blank" href="https://www.jb51.net/Media/PlayMedia/232.shtml" title="开心就好了。">
                                    开心就好了。</a> <a href="javascript:void(0)">人气:<font>1</font></a>
                                <div>
                                </div>
                                <div>
                                    <div>
                                        <a target="_blank" href="https://www.jb51.net/User/ShowInfo/221">
                                            <img src="https://www.jb51.net/Avatar/2013011410552810013828.jpg"></a></div>
                                    <div>
                                        <a target="_blank" href="https://www.jb51.net/User/ShowInfo/221">jteacher001</a><br>
                                        <a target="_blank" href="https://www.jb51.net/User/ShowInfo/221">
                                            作品:<span>12</span></a>&nbsp;&nbsp;</div>
                                    <div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <a target="_blank" href="https://www.jb51.net/Media/PlayMedia/213.shtml" title="2131321">
</a> <a href="javascript:void(0)">人气:<font>0</font></a>
                                <div>
                                </div>
                                <div>
                                    <div>
                                        <a target="_blank" href="https://www.jb51.net/User/ShowInfo/220">
                                            <img src="https://www.jb51.net/Avatar/2012113010521695319512.gif"></a></div>
                                    <div>
                                        <a target="_blank" href="https://www.jb51.net/User/ShowInfo/220">jstu001</a><br>
                                        <a target="_blank" href="https://www.jb51.net/User/ShowInfo/220">
                                            作品:<span>18</span></a>&nbsp;&nbsp;</div>
                                    <div>
                                    </div>
                                </div>
                            </div>
                    </div>

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wddwzf.html