bootstrap课程7 jquery中结束之前动画用什么

一、总结

一句话总结：stop()方法。$('.navs').not($('.navs').eq(idx)).stop().hide(100);

 

1、bootstrap导航效果移入对应li，这个li没有加active类，如何实现让它加上？

自己加上js即可

63 $('li').mouseenter(function(){ 64 $(this).addClass('active'); 65 $('li').not($(this)).removeClass('active'); 66 67 idx=$(this).index('li'); 68 $('.navs').eq(idx).stop().show(1000); 69 $('.navs').not($('.navs').eq(idx)).stop().hide(100); 70 });

 

 

二、jquery中结束之前动画用什么

1、相关知识

输入框组:

.input-group

.input-group-addon

.input-group-lg

.input-group-sm

.input-group-btn

导航:

.nav

.nav-tabs

.nav-pills

.nav-stacked

 

 

2、代码

胶囊式导航实现个人中心

1  2  3  4     
      5     
      6      7     17     
     18     19     20     21 22 23     
     
      24         
      
Bootstrap前端框架
25         
      
       26             
       
        27                 
        
         28                     
         
29                         linux30                     
    31                     
         
32                         php33                     
    34                     
         
35                         java36                     
    37                 
        
38             
       
39 40             
       
        41                 
        
         42                     
         43                     
         
linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!
44                 
        
45 46                 
        
         47                     
         48                     
         
php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!
49                 
        
50 51                 
        
         52                     
         53                     
         
java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!java is very much!
54                 
        
55             
       
56         
      
    57         58 59         60     
     
61 62 74