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

来源：互联网发布：淘宝运营工资6000高吗编辑：程序博客网时间：2024/05/22 17:42

发现了一个很酷的专业特效，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

在  下面加上两行：

    <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>

1 0