魅族轮播图效果(原创)

所属分类:媒体-幻灯片和轮播图

 5523  24  查看评论 (2)
魅族轮播图效果(原创) ie兼容10

使用方法

创建一个容器div例如

<div id='test'></div>

使用

$("#test').slide();

参数说明

image=["1.jpg","2.jpg"];
$("#text").slide({images:image,//图片数组
    autoPlay:true,//自动播放
    interval:6000,//图片间隔
    barColor:"#3498DB",//导航条颜色hiddenBar:false,//设置是否隐藏底部导航条hiddenControl:false//设置隐藏左右切换按钮
});
相关插件-幻灯片和轮播图

带暂停播放功能和时间轴功能的图片幻灯片效果

带暂停播放功能和时间轴功能
  幻灯片和轮播图
 6651  73

jQuery响应式3D旋转木马插件mk-3Dcarousel

mk-3Dcarousel是一款带图片倒影效果的响应式3D旋转木马jQuery插件
  幻灯片和轮播图
 6170  31

jQuery轮播插件slider

最全最简单最通用的 幻灯片轮播 ,可控制的插件,pc端和移动端都可完美使用
  幻灯片和轮播图
 221376  439

3D轮播幻灯片

支持多种3D轮播切换特效
  幻灯片和轮播图
 10540  161

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    匹|匹诺曹 0
    2017/7/5 9:53:11
    yoonfeng 0
    2017/4/28 16:09:19

    小建议:鼠标放上去的时候清除掉定时器,离开再执行定时器

    回复
取消回复