码迷,mamicode.com
首页 > Web开发 > 详细

基于js的自适应、多样式轮播图插件(兼容IE8+、FF、chrome等主流浏览器)

时间:2017-04-05 23:15:07      阅读:407      评论:0      收藏:0      [点我收藏+]

标签:推荐   浏览器   rdo   strong   css   适应   plug-in   targe   文件   

插件github地址:https://github.com/pomelott/slider-plug_in

使用方式:

slider plug-in

左右滑动的自适应、多样式全能插件。多次调用时只需传入最外层盒子ID即可。

1.根据html中的Dom结构引入图片。

2.引入css和js文件

3.调用pomeloSlider.doslide(obj)

sliderwidth:轮播图宽度,单位为像素,默认自适应全屏。
outer:最外层盒子ID,默认为"outer"
time:轮播的时间间隔,单位为毫秒,默认为3000
style:轮播样式:默认为"easeBothStrong",其他还有"linear","easeIn","easeOut","easeBoth"等

pomeloSlider.doslide({
sliderwidth:800,

outer:"outer",

time:3000,

style:"easeBothStrong"
});

喜欢请点击右下角推荐,转载请标明出处。

基于js的自适应、多样式轮播图插件(兼容IE8+、FF、chrome等主流浏览器)

标签:推荐   浏览器   rdo   strong   css   适应   plug-in   targe   文件   

原文地址:http://www.cnblogs.com/pomelott/p/6671075.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!