css3动画和jq动画代码参考

jq动画代码参考

function flash(){

$(".banner ul").animate({marginLeft:"0px"},600);  

}

setInterval("flash()","3000");

//鼠标悬停暂停切换

$('.banner').mouseover(function(){

clearInterval(tabChange);

});

$('.banner').mouseout(function(){

tabChange = setInterval("flash()",3000);

});

ccs3动画

@keyframes flash{from {opacity: 0;margin-top:60px;}to {opacity: 1;margin-top:0px;}}

@-webkit-keyframes flash{from {opacity: 0;margin-top:60px;}to {opacity: 1;margin-top:0px;}}

.text{animation:flash 3s 5s infinite;  animation-fill-mode: forwards;}

动画时间3秒

动画延迟5秒

infinite动画一直循环

animation-fill-mode: forwards;动画回到起点