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

2020-05-22 15:18:25易采站长站整理

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=”//www.jb51.net/Avatar/2012113010521695319512.gif”></a></div>