学习Discuz! X3.2记录：使用superslide幻灯特效，配置方法

    发现了一个很酷的专业特效，css，js都可用，经过简单测试，发现可以用于discuz。

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

    

    第一个例子效果：

    实现方法：

      1、复制两个文件：

jquery.SuperSlide.2.1.1.js，jquery1.42.min.js

到目录：static\js

    2、修改定制模板文件：template\cbqtest\common\header_common.htm

在 <!--{csstemplate}--> 下面加上两行：

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

    3、在后台修改模块模板内容为：

<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>
            <li><a href="http://www.SuperSlide2.com" target="_blank">SuperSlide2.0正式发布1！</a></li>
	    <li><a href="http://www.SuperSlide2.com" target="_blank">SuperSlide2.0正式发布2！</a></li>
	    <li><a href="http://www.SuperSlide2.com" target="_blank">SuperSlide2.0正式发布3！</a></li>
	    <li><a href="http://www.SuperSlide2.com" target="_blank">SuperSlide2.0正式发布4！</a></li>
        </ul>
        <ul>
            <li><a href="http://www.SuperSlide2.com" target="_blank">名师教作文：３妙招巧写高分</a></li>
            <li><a href="http://www.SuperSlide2.com" target="_blank">名师教作文：３妙招巧写高分1</a></li>
	    <li><a href="http://www.SuperSlide2.com" target="_blank">名师教作文：３妙招巧写高分2</a></li>
	    <li><a href="http://www.SuperSlide2.com" target="_blank">名师教作文：３妙招巧写高分3</a></li>
	    <li><a href="http://www.SuperSlide2.com" target="_blank">名师教作文：３妙招巧写高分4</a></li>
        </ul>
        <ul>
            <li><a href="http://www.SuperSlide2.com" target="_blank">澳大利亚八大名校招生说明会</a></li>
            <li><a href="http://www.SuperSlide2.com" target="_blank">澳大利亚八大名校招生说明会1</a></li>
	    <li><a href="http://www.SuperSlide2.com" target="_blank">澳大利亚八大名校招生说明会2</a></li>
	    <li><a href="http://www.SuperSlide2.com" target="_blank">澳大利亚八大名校招生说明会3</a></li>
	    <li><a href="http://www.SuperSlide2.com" target="_blank">澳大利亚八大名校招生说明会4</a></li>
        </ul>
    </div>
</div>
<script type="text/javascript">jQuery(".slideTxtBox").slide(); </script>