css3动画和jq动画代码参考-小程序开发/公众号开发-厦门锐道系统开发公司
当前位置:平台首页 > > css3动画和jq动画代码参考

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;动画回到起点




阅读:737

相关阅读

支付宝扫码支付 0
请使用支付宝扫一扫
扫描二维码支付