Smoothslides会移动的焦点轮播图

Smoothslides会移动的焦点轮播图

Smoothslides 是一款基于 jQuery 的响应式幻灯片插件,它与其他幻灯片最大的不同之处是幻灯片内的图片可移动,并且可设置移动的方向(左/右/左上/右下等等),使幻灯片更加特别、有趣。

淘建站为您提供更多_图片代码_图片轮播_轮播_焦点图,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 342 次

下载资源

25 淘币

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

HTML

<div class="smoothslides" id="sucaiq">
    <img src="images/1.jpg" alt="网站模板">
    <img src="images/2.jpg" alt="网页源码">
    <img src="images/3.jpg" alt="网站特效">
    <img src="images/4.jpg" alt="精选网址">
</div>

调用smoothSlides

<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/smoothslides-2.1.0.min.js"></script>
<script>
    $(window).load(function() {
        $('#sucaiq').smoothSlides();
    });
</script>
参数 描述 默认值
effectDuration 平移动画持续时间,单位为毫秒 6000
transitionDuration 幻灯片切换间隔,单位为毫秒 500
autoPlay 自动播放 true
effect 平移效果,为空则随机 true
effectEasing 动画方式 ease-in-out
nextText 下一个按钮的文本 ►
prevText 上一个按钮的文本 ◄
captions 显示标题 true
navigation 显示导航 true
pagination 显示分页 true
matchImageSize 放大图片,当图片尺寸小于容器尺寸时 true

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/392.html
Smoothslides会移动的焦点轮播图 希望对你有帮助,感谢您的支持!
  • jQuery html5幻灯片碎纸切换效果代码

    jQuery html5幻灯片碎纸切换效果代码

  • jQuery css3仿Prezi幻灯片文字3D旋转切换特效代码

    jQuery css3仿Prezi幻灯片文字3D旋转切换特效代码

  • jquery camera全屏相册幻灯片插件带马赛克网格子图片切...

    jquery camera全屏相册幻灯片插件带马赛克网格子图片切...

  • jquery带时间轴的图片轮播

    jquery带时间轴的图片轮播

  • OwlCarousel足球世界杯轮播效果

    OwlCarousel足球世界杯轮播效果

  • jQuery+multiscroll鼠标滚动全屏图

    jQuery+multiscroll鼠标滚动全屏图

  • ck-slide淡入淡出效果的图片轮播插件

    ck-slide淡入淡出效果的图片轮播插件

  • jQuery广告banner轮播效果

    jQuery广告banner轮播效果

  • jQuery宽屏大图片轮播插件

    jQuery宽屏大图片轮播插件

  • jQuery+cookie仿苏宁每天首页出现广告弹出层

    jQuery+cookie仿苏宁每天首页出现广告弹出层

  • jQuery网页底部阴影浮动层文字滚动

    jQuery网页底部阴影浮动层文字滚动

  • jquery实现透明度轮播图特效

    jquery实现透明度轮播图特效

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2