js,li形式的选项卡,点击显示不同的div

练习了一上午,一直在获取元素上出错误,最终还是弄好了





 
  Home
 
 


 


   

     

           
  • 国际名品

  •        
  • 户外秒杀

  •        
  • 运动潮流

  •        
  • 健身器材

  •      

   



   

     
国际大牌国际大牌国际大牌国际大牌国际大牌国际大牌国际大牌国际大牌

     
shedffffffffffffffffffffffffffffff

     
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

     
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

   

 

   




思路:点击后,第一个循环把所有的li样式都隐藏,然后添加当前选中的li的样式。

第二个循环,把所有的div都隐藏,然后显示点击li的index值和div的index值一致的div块

最外层的循环,就是要不断的点击,,不断的执行下面的循环。。。

你可能感兴趣的:(JS)