SuperSlide（文字滑动效果）

MingL520

于 2024-05-14 14:51:36 发布

阅读量79

点赞数

分类专栏：前端最新面试题以及日常实用插件文章标签： javascript SuperSlide

本文链接：https://blog.csdn.net/MingL520/article/details/138855172

版权

前端最新面试题以及日常实用插件专栏收录该内容

44 篇文章 1 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

1、引用jQuery.js 和 jquery.SuperSlide.js

因为SuperSlide是基于jQuery的插件，所以前提必须先引用jQuery，再引用SuperSlide

<head>
    <script type="text/javascript" src="../jquery1.42.min.js"></script>
    <script type="text/javascript" src="../jquery.SuperSlide.2.1.3.js"></script>
</head>

2、编写HTML

以下是默认的HTMl结构，分别是 “.hd” 里面包含ul， “.bd” 里面包含ul

<div class="slideTxtBox">
    <div class="hd">
        <ul><li>教育</li><li>培训</li><li>出国</li></ul>
    </div>
    <div class="bd">
        <ul>
            <li><a href="http://www.SuperSlide2.com" target="_blank">SuperSlide2.0正式发布！</a></li>
            ...
        <

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

MingL520

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
SuperSlide（文字滑动效果）

因为SuperSlide是基于jQuery的插件，所以前提必须先引用jQuery，再引用SuperSlide。因为是默认HTML结构，所以参数都为默认值，不用填写titCell、mainCell等。以下是默认的HTMl结构，分别是 “.hd” 里面包含ul， “.bd” 里面包含ul。
复制链接

扫一扫