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)弹出,不需要分号。