jquery 实现导航栏滑动效果

原文:http://www.cnblogs.com/WebMobile/p/3926921.html

精简的代码实现导航栏滑动效果,实现详解:

1.滑块位置:通过父节点position=fixed,子节点position=absolute方式,实现子节点浮动;

2.导航栏居中:通过left=0px,right=0px,margin-left=auto,margin-right=auto实现;

3.通过jQuery动态改变滑块的Left和Width,然后通过animate实现动画效果。




    
    滑动导航栏
    
    
    


    
    


你可能感兴趣的:(Javascript)