事件的应用,tab效果和模态框

tab效果

整体思路是先在CSS中设置好相应的active类,然后根据事件,给元素增加或者删除样式类,不通过JS直接改写样式




    
    Document
    



  • tab1
  • tab2
  • tab3
  • ct1
  • ct2
  • ct3

模态框 (事件冒泡阻止)

主要关键点在于设置点击框外的时候关闭模态框,会导致点击框内也会关闭模态框,所以要给框设置阻止事件冒泡。




    
    Document
    



你可能感兴趣的:(事件的应用,tab效果和模态框)