坚持#第27天~要懂得去珍惜,即使是好朋友

2016-9-1

看了30天

HTML有长进了：

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>

 <script>

  $(function(){

   $(".pic ul li").each(function(i){//遍历每一张图片

    var Deg = 360/$(".pic ul li").size();

    $(this).css({

     "transform":"rotateY("+i*Deg+"deg)translateZ(216px)"

    

    

    });

   

   });

   

  

  

  });

 

 

 </script>

@keyframes rotate{  //反着转360到0deg

    from{transform:rotateY(0deg);}

    to{transform:rotateY(360deg);}

  

   }

放电影（自动旋转）在pic里加东西：.box .pic{animation:rotate 5s linear infinite;}//时间是速度

动画的方法：定义一个关键帧(在化妆里面写)，拍电影：@keyframes name{}，然后放电影：.box .pic{animation:name speed linear infinite;}

透明度是opcity:0.4;

再来个文字盒子:<div class="text"></div>化妆：.text{想都不用想宽度高度背景颜色width:660px;height:440px;background:pink;}

写文字和显示文字的方法：在JS里面写（$下面，$不需要开头有空格）://创建一个数组存放所有的文字：var b = ["我只有会在做一件事情的时候才会想你,什么事呢,那就是呼吸."];var str = b.join()//放入join()里面;alert(str)弹出，不需要分号。