cari

Rumah >hujung hadapan web >tutorial js >JQuery切换显示的效果实例代码_jquery

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

WBOY
WBOYasal
2016-05-16 17:41:201126semak imbas

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代码如下：

复制代码 代码如下:

       
                           

                               
                                    我们都能幸福着 人气：1
                               

                               

                               

                                   

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

                                   

                                        jstu001

                                       
                                            作品：18  

                                   

                                   

                               

                           

                           

                               
                                    开心就好了。 人气：1
                               

                               

                               
                           

                           

                               
人气：0
                               

                               

                               
                           

                   

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：javascript重复绑定事件造成的后果说明_javascript技巧Artikel seterusnya：js不能跳转到上一页面的问题解决方法_javascript技巧

Artikel berkaitan

Lihat lagi