SuperSlide.js tab选项卡切换插件

SuperSlide.js tab选项卡切换插件

第一步引入bfwone

第二步执行插件代码

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["SuperSlide","SuperSlide"], function() {
                $(".slideTxtBox").slide();
            });
        });
    </script>
</head>
<body>
    <div class="slideTxtBox">
        <div class="hd">

            <span class="arrow"><a class="next"></a><a class="prev"></a></span>
            <ul>
                <li>教育</li>
                <li>培训</li>
                <li>出国</li>
            </ul>
        </div>
        <div class="bd">
            <ul>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">中国打破了世界软件巨头规则</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">口语:会说中文就能说英语!</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">农场摘菜不如在线学外语好玩</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">数理化老师竟也看学习资料?</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">学英语送ipad2,45天突破听说</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">学外语,上北外!</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">那些无法理解的荒唐事</a></li>
            </ul>
            <ul>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">名师教作文:3妙招巧写高分</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">耶鲁小子:教你备考SAT</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">施强:高端专业语言教学</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">数理化老师竟也看学习资料?</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">【推荐】名校英语方法曝光!</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">2012高考“考点”大曝光!!</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">涨价仍爆棚假日旅游冰火两重天</a></li>
            </ul>
            <ul>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">澳大利亚八大名校招生说明会</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">2012世界大学排名新鲜出炉</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">新加坡留学,国际双语课程</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">高考后留学日本名校随你选</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">教育培训行业优势资源推介</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">即刻预约今年最后一场教育展</a></li>
                <li><span class="date">2011-11-11</span><a href="#" target="_blank">女友坚持警局完婚不抛弃</a></li>
            </ul>
        </div>
    </div>
</body>
</html>


立即下载SuperSlide.js查看所有js插件

网友评论0

程序员在线工具箱