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;动画回到起点
相关阅读
建材行业分销商城小程序解决方案
2019-01-04912
建材行业商城小程序规划n 1. 会员分类普通会员;初级会员;高级会员;特级会员;特高级会员;2. 会员等级普通会员:终端业主初级会员:非业内设计师(装修公司、施工方、材料店、业内同行等);高级会员:非业内设计师(装修公司、施工方
关于生鲜超市微信小程序开发解决方案
2019-06-21936
一、小程序商城规划 n 1. 商品发布商品分类,商品详情发布; n 2. 限时配送限时配送设置; n 3. 充值 充值优惠设置; n 4. 优惠券优惠券满减信息设置,使用期限;n
关于校园管理公众号解决方案
2019-04-04808
一、公众号规划n 1. 校园介绍校园简介,校园图片展示; 2. 在线预约提交信息预约;n 3. 校园新闻校园新闻展示;n 4. 教师风采学校教师介绍;n 5. 班级通知班级信息通知;n 6.在线请假在线请假信息提交;n  
关于空调报修微信小程序开发解决方案
2019-09-06989
一、 空调报修小程序规划n 1.适用类型品牌空调;n 2.地图导航维修店地理位置地图导航;n 2.服务项目贴心售后、报修流程、联系我们、一键报修;n 3.售后服务售后服务介绍;n 4.报修流程报修流程介绍;n&nbs
关于课外辅导微信公众号开发解决方案
2019-06-10801
一、公众号规划n 1. 课程发布按年级、学科等分类发布; n 2. 课程预约选择课程,在线预约;n 3. 榜单成绩榜单发布,对比;n 4. 一键导航地址导航;n 5. 一键拨号拨打客服热线;n 6. 留言在线