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


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

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

    

    第一个例子效果:

学习Discuz! X3.2记录:使用superslide幻灯特效,配置方法_第1张图片


    实现方法:

      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">名师教作文:3妙招巧写高分</a></li>
            <li><a href="http://www.SuperSlide2.com" target="_blank">名师教作文:3妙招巧写高分1</a></li>
	    <li><a href="http://www.SuperSlide2.com" target="_blank">名师教作文:3妙招巧写高分2</a></li>
	    <li><a href="http://www.SuperSlide2.com" target="_blank">名师教作文:3妙招巧写高分3</a></li>
	    <li><a href="http://www.SuperSlide2.com" target="_blank">名师教作文:3妙招巧写高分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>






你可能感兴趣的:(discuz,x3.2)