魅族轮播图效果(原创)

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

 7083  28  查看评论 (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//设置隐藏左右切换按钮
});
相关插件-幻灯片和轮播图

iSlider手机端图片滑动切换插件

iSlider.js手机幻灯片代码制作手指滑动手机端图片轮播代码
  幻灯片和轮播图
 22175  117

jquery css3图片切换5种效果

jquery css3实现图片切换,爆炸效果,翻转效果,扭曲效果,立方体效果,翻页效果
  幻灯片和轮播图
 15692  52

清新幻灯片插件-AVIASLIDER

AviaSlider是一款简洁清新的幻灯片插件,有8种切换特效可供我们选择,当我们点击某张幻灯片的时候还会弹出框来显示该大图。自行配置参数来创建我们自己的特效。包含了预加载的图片。自动播放并且在用户交互后停止。其中包含了html5和css3的内容。几乎支持所有浏览器。
  幻灯片和轮播图
 12248  12

jQuery图片切换插件jPicture

一款兼容主流浏览器的基于jQuery的图片切换插件。简单方便,轻松快捷,好用实用。
  幻灯片和轮播图
 4787  30

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

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

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

    回复
取消回复