Rumah > hujung hadapan web > tutorial js > 菜单点击事件实例代码

菜单点击事件实例代码

零下一度
Lepaskan: 2017-06-26 11:30:54
asal
1798 orang telah melayarinya

监听的事件具体,这样不会联动


       

  •    

    啦啦啦


           

               
    • 啦啦啦

    •          
    • 啦啦啦

    •          
    • 啦啦啦

    •        

       

  •    

  •      

    哦哦哦


         

               
    • 啦啦啦

    •          
    • 啦啦啦

    •          
    • 啦啦啦

    •        

       

  •  

 

主要代码内容

<script><br>    $('.two>a').click(function () {<br>        $(this).parent().addClass('active').siblings().removeClass('active');<br><br>        var three = $(this).parent().find('ul');<br>        if (three.css('display') == 'none') {<br>          three.show();<br>        }else {<br>          three.hide();<br>        }<br>    });</p> <p>$('.five').click(function (){<br>     $(this).addClass('activee').siblings().removeClass('activee');<br>   })<br>  </script>

 

Atas ialah kandungan terperinci 菜单点击事件实例代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan