2015.7.15(八仙专题)

总结：
1.切图片方面很需要加强，重复性太多，没有看清楚所有的要求就乱切，浪费时间，先
想好整个页面的布局，根据布局来切图，文字不要切，做效果的图片要切，图片要尽量
小。
2.html方面，要多写与w3c规范的页面，这样就不会有太多兼容性问题。

3.css注意好class的重复使用性，注意好优先级，一级一级的写优先级最高，放后面的
优先级高。

4.js方面，现在阶段你都是参考人家的代码，但你参考完之后，是不是变成你的东西了
，你要多总结，回顾。

 

1.根据布局高度将图片切成几片，每片200~300之间

2.用定位方法建设网页。
  1.布局的时候，最container外层给960~1003即可，一般1000与1003

  2.各区域的div给width:100%要放1920图片的图片

  3.div为wrap的层设relative，width:1000px;

  4.在wrap层里进行absolute定位。

 

3.学到了一个新css技能，就是当a里有class=nav01的时候，如再添加一个 

class=active,
<a href="javascript:;" class="nav01" active"></a>
.nav01{color:#fff;}
.nav01.active{color:#333} 优先级更高，其实就等于a.active

 

4.

1.选项卡，获取$(this).index(),根据(".content >div").eq(index).show();
2.连续动画，在animate调用两次,然后设setInterval()
obj.animate({},1000,function(){},1000)
3.css3的动画

4.连续动画,爆炸动画，也是利用animate分三次执行

var timer = null

function auto(){

　　timer = setInterval({

　　　　obj.animate({left:"0px"},1000,function(){obj.animate({lfet:"10px"},1000})

},2000)

}