SuperSlide焦点图_Tab切换_图片滚动_无缝滚动

收藏

SuperSlide万能特效，网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”、“导航”、“手风琴”等等只需要一个SuperSlide即可解决！。本文以“标签切换”为例。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示 下载资源： 140 次

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

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

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.SuperSlide.2.1.1.js"></script>

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>
            ...
        </ul>
        <ul>
            <li><a href="http://www.SuperSlide2.com" target="_blank">名师教作文：３妙招巧写高分</a></li>
            ...
        </ul>
        <ul>
            <li><a href="http://www.SuperSlide2.com" target="_blank">澳大利亚八大名校招生说明会</a></li>
            ...
        </ul>
    </div>
</div>

jQuery

调用SuperSlide，因为是默认HTML结构，所以参数都为默认值，不用填写titCell、mainCell等。

<script type="text/javascript">$(".slideTxtBox").slide(); </script>

如果您想了解更多，可以查看 焦点图/幻灯片、 图片滚动、 无缝滚动、 导航、 手风琴，如果您想下载代码研究，可以到下载页面 。还要告诉大家个密码，素材火首页banner也用的这个插件..嘻嘻^_^..

SuperSlide参数设置