Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
充值

非常炫酷的jQuery图片文字动画切换特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-05-18
非常炫酷的jQuery图片文字动画切换特效,用来做网站的横幅banner轮播效果绝佳,中下方还有索引按钮控制切换。


js代码

<script src="js/jquery.Yl.Slide.min.js"></script>
<script>
$(function(){	
	$('.Yl-container').YlSlide({
		wrapper:'.Yl-wrapper',
		slideClass:'.Yl-slide',
		stylePrefix:'.Yl-',
		slideLength:3,
		pages:true,
		pagination:'.Yl-pagination',
		pagingSelect:'.Yl-pagination-bullet-active',
		autoplay:25000,				
		imgTemplate:{
			0:['<div class="Yl-img0"></div>'],
			1:['<div class="Yl-img1"></div>'],
			2:['<div class="Yl-img2"></div>']
		},
		fontTemplate:{
			0:['<div class="Yl-font0">一人之下</div>','<div class="Yl-font1">术之尽头,炁体源流</div>','<div class="Yl-font2">国漫崛起</div>'],
			1:['<div class="Yl-font0">画江湖</div>','<div class="Yl-font1">不良人、侠岚、换世门生、灵主</div>','<div class="Yl-font2">国漫崛起</div>'],
			2:['<div class="Yl-font0">镇魂街</div>','<div class="Yl-font1">末将于禁 愿为曹家?#26469;?#36212;汤蹈火</div>','<div class="Yl-font2">国漫崛起</div>']
		},
		fontAnimationMode:{
			0:['fadeInUp','fadeInUp','slideInLeft'],
			1:['fadeInUp','fadeInUp','slideInLeft'],
			2:['fadeInUp','fadeInUp','slideInLeft']
		},
		customTemplate:{
			0:['<div class="Yl-Button"><a href="javascript:void(0);">查看详情</a></div>'],
			1:['<div class="Yl-Button"><a href="javascript:void(0);">查看详情</a></div>'],
			2:['<div class="Yl-Button"><a href="javascript:void(0);">查看详情</a></div>']
		},
		callback:function(e){
			//整个dom加载完成后的回调函数、切换动画前的回调						
		},
		before: function(e) {
			//页面切换前的回调函数
		}, 
		after: function(e) {						
			//页面切换完成后的回调函数
			
		}
	});	
});
</script>

猜你?#19981;?..
高级版我买单联盟5.4.1微擎小程序源码 商家?#29992;?#21306;块链源码
多商家微信小程序商城源码 带商家入驻 thinkPHP商城分销拼团源码
微商助理防伪?#26469;?#36135;溯源代理授权查询系统源码
标准版亿恒共享借物系统1.1.4微信小程序 租赁共享借物系统源码
O2O全能派单至尊支付版3.0.1上门预约公众号微擎源码
基础版政务预约1.0.0首发微信小程序源码
带小程序分支的万能客服24.1.0无授权无?#29992;?/a>
html5仿微信群聊天单独手机网页版带群组群聊
商业版NiuCms智慧城市 智慧生活系统 电商?#25945;?带商家入驻带采集功能
百度小偷 搜索引擎源码 PHP搜索引擎 SEO站群源码二开版
趣投币圈2.0最新版 投资理财实时汇率 专业理财投资?#25945;?#28304;码
微信公众号连锁多网点1.3.4版快速买单付款 买单付款会员折扣神器
苹果cmsV10x视频源码 视频图片小说源码带会员带广告位 视频网站源码
校园餐饮配送1.0.1微擎小程序源码 校园餐饮配送服务源码
区块链模式疯狂蚂蚁矿池源码 挖矿首选源码 无?#29992;?#21487;打包APP
影视投资理财高效投资项目收益邀请好友分销推广
房产系统综合房产出租售卖二手房转?#21046;平?#29256;系统源码多城市+单城市
朋友圈文章赚钱系统AI智能版分享秘笈6.1.8开源
微擎小程序社区拼团商业版麦芒社区团购2.0.66拼团附带三大插件
微擎最新版螃蟹投票功能模块1.8.3.1无?#29992;?#20813;授权投票系统源码
极速快三全天人工计划
海南环岛赛车福彩规则及奖金 什么彩票有幸运赛车 排列五走势图100期开奖记录 江苏十一选五基本走势图一定牛 新疆时时彩游戏规则 老11选5软件 室内五人足球比分 彩票双色球爱彩网 上海体彩顶呱刮 海南七星彩走势图 22选5历史奖号 河北十一选五网址下载 三肖中特期期准l 吉林时时彩在哪里可以买 黑龙江11选5直播