先写结构，然后样式，最后交互

jQuery特殊效果，fadeIn淡入，fadeOut淡出，fadeToggle切换

toggle调用可以切换任何效果

hide，show   隐藏与显示

slideDown,slideUp

jQuery循环，each

scrollTop，页面滚动

置顶菜单

width()、height() 获取元素width和height

innerWidth()、innerHeight()  包括padding的width和height 

outerWidth()、outerHeight()  包括padding和border的width和height 

outerWidth(true)、outerHeight(true)  包括padding和border以及margin的width和height

获取页面滚动距离

$(document).scrollTop(); 

$(document).scrollLeft();

页面滚动事件

$(window).scroll(function(){ 

    ...... 

})