superSlide 插件使用

最新推荐文章于 2025-05-27 16:52:05 发布

原创最新推荐文章于 2025-05-27 16:52:05 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#superslide

javascript 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种使用Superslide2库实现图片滑动轮播效果的方法，包括自动播放、页面指示器等功能，适用于网页设计和前端开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div id="ui">
    <div class="list">
        <ul>
            <li><img src="/image/shxjhsd.png"></li>
        </ul>
        <ul>
            <li><img src="/image/shxjasd.png"></li>
        </ul>
        <ul>
            <li><img src="/image/saxjhsd.png"></li>
        </ul>
    </div>
    <div class="dots">
        <ul></ul>
    </div>
</div>

$("#ui").slide({
    mainCell: ".list ul",
    titCell: ".dots ul",
    titOnClassName: "active",
    vis: true,
    effect: "left",
    autoPlay: true,
    autoPage: true
});

相关地址：

http://www.superslide2.com/index.html