代码拉取完成,页面将自动刷新
https://github.com/egame/ESlider
还用我教么?代码注释够多了,下载下来就用吧,so easy!
附上初始化代码:
$('#sliderBanner1').eslider({
//命名空间
namespace: 'es',
//内容包裹元素选择器
conBox: '.fn_con',
//内容元素选择器 [内容元素不能与其它元素混合处于同一父元素内]
conItem: '.fn_con_item',
//tab选中样式名
tabOnClass: 'es_tab_item_on',
//切换类型v(纵向)\h(横向)\a(透明度)\n(无效果)
type: 'h',
//boolean:是否循环展示
animationLoop: true,
//触发事件
ev: 'mouseover',
//隐藏标题栏
hideTitleBar: false,
//前进\后退按钮显示方式 1[自动隐藏],2[始终显示],3[始终隐藏]
showBtn: 1,
//延迟触发时长,事件为mouseover时启用,防止切换按钮误触
hoverDelay: 50,
//是否自动切换 true\false
auto: true,
//动画速度
speed: 500,
//切换时间
time: 4000,
//切换缓动效果 swing,linear,easeOutQuad
easing : 'easeOutQuad',
//跳转到对应图片前调用,返回当前索引值及顶级包裹元素对象
before: null,
//跳转到对应图片后回调,返回当前索引值及顶级包裹元素对象
after: null
});
好用好用真好用。。。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型