坚持#第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)弹出，不需要分号。