12/7~12-11

function tab(a,b,c){

                var len=$(a);

                len.bind("click",function(){

                    var index = 0;

                    $(this).addClass(c).siblings().removeClass(c);

                    index = len.index(this);

                    $(b).eq(index).animate({opacity:'1'},'slow').siblings().animate({opacity:'0'},'slow');

                    $(b).eq(index).show().siblings().hide();

                    return false;

                }).eq(0).trigger("click");

}

对于JQ里面一些遍历的应用需要记住的技巧

 

 $(b).eq(index).show('slow').siblings().hide();

show（）里面添加参数slow缓慢 那么就会从左上角开始慢慢向右显示，这时候就有一个滑动显示的效果

 

CSS3呼吸效果 

-webbkit-animation:pulse 3s ease 0s both infinite;

@-webkit-keyframes pulse{0%{-webkit-transform: scale(1);}

    50%{-webkit-transform: scale(1.1);}

    100%{-webkit-transform: scale(1);}}

 

可以在各种元素上面尝试效果（要先定义好pluse才能调用）keyframes

 

 

使用display：-webkit- box

给子元素加入 box-flex:1

要注意子元素不能加float，不然会出现BUG

 

在css中定位图片可以使用相对定位

但是在html文件中，定位文件的话，就最好使用绝对定位

 

delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。

也就是说检索子元素上是否匹配，然后执行函数

但是现在已经废弃了

最好使用 on() 方法在被选元素及子元素上添加一个或多个事件处理程序。