可以给对象的样式赋值
div有斜角的话，建议使用css3的新特性，比js的要方便省力，将要旋转的div增加如下属性：transform:rotate(7deg)
7deg指的是旋转角度，前边数字取值范围为0-360度，按需求使用即可这种通常用class切换状态比较好，一下是两张淡入淡出demo。通过js控制一个dom元素的class状态，可以产生想要的过渡动画
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
body{
background: #ccc;
}
content{
position: absolute;
top: 30%;
}
#box1{
position: absolute;
border: 1px solid red;
transition: all 1s;/过渡时间/
}
#box2{
position: absolute;
border: 1px solid red;
transition: all 1s;/过渡时间/
}
up{
/向上状态/
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
down{
/向下状态/
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
</style>
</head>
<body>
<button onclick="fadeInOut()">淡入淡出</button>
<div class="content">
<!--1-->
<div id="box1" class=""><img src=">
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）