HTML部分
<p id="open">题</p>
<div class="word">
<div class="over">完</div>
<p class="text">赠饮天下人</p>
<p class="text">尽倾江海里</p>
<p class="text">足以慰风尘</p>
<p class="text">我有一壶酒</p>
</div>
JQ部分
$("#open").click(function(){
//自定义动画
$(".word").fadeIn(1000);
//左四
$(".text:last").animate({
opacity: 1,
fontSize: "40px"
},1000,function(){
$(this).animate({
'fontSize': "30px",
},800,function(){$(this).addClass("cc");})
//左三
$(".text:eq(2)").animate({
opacity: 1,
fontSize: "40px"
},1000,function(){
$(this).animate({
fontSize: "30px"
},800,function(){$(this).addClass("cc");})
//左二
$(".text:eq(1)").animate({
opacity: 1,
fontSize: "40px"
},1000,function(){
$(this).animate({
fontSize: "30px"
},800,function(){$(this).addClass("cc");})
//左一
$(".text:first").animate({
opacity: 1,
fontSize: "40px"
},1000,function(){
$(this).animate({
fontSize: "30px"
},800,function(){$(this).addClass("cc");})
//完结
$(".over").slideDown(1500);
})
})
})
$(this).parent().prev().css("color","red")
})
})
