3
我有讓圖像從左到右一起褪色的代碼,但是我希望它們從左到右逐個淡入。我會怎麼做?從左到右逐漸淡入
代碼演示是在http://jsfiddle.net/02dmq1n4/
$(document).ready(function(){
$(".fade-right").animate({left:100, opacity:"show"}, 1500);
});
#div1 {
width: 100px;
height: 100px;
float: left;
margin-top: 5%;
margin-left: 14%;
background-color: blue;
}
#div2, #div3 {
width: 100px;
height: 100px;
float: left;
margin-top: 5%;
margin-left: 10%;
background-color: blue;
}
.fade-right {
width: 100%;
float: left;
position: absolute;
display: none; }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div class="fade-right">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</div>
在小提琴你給代碼「.fade-right1」?這個元素在哪裏? – 2015-04-04 09:09:48
哦,我把它拿出來,這只是一些試驗,讓它逐漸消失。忘了將其從劇本中刪除。對不起 – Heli 2015-04-04 09:17:20
好吧,所以你想淡入淡出div區塊內淡入權利? – 2015-04-04 09:22:16