SuperSlide的使用

先去官网下载

http://www.superslide2.com/

下载过后解压

把放在自己需要引入的js里面引入

然后点击demo.html选择自己需要的效果

把此行代码复制到javascript中

一般jquery的写法可以改变一下为

$(document).ready(function(e) {
    $(".apcon").slide({
		mainCell:".bd ul",
		titCell:'.hd ul',
		autoPlay:true,
		autoPage:true,
		effect:"topLoop",
		easing:"easeOutCirc"
	});
});

把<div class="hd">

        <ul></ul>

        </div>

<div class="bd">
        <ul>
        <!--从数据库中查询出荣誉资质图片在此显示-->
        <?php
        	$rs=query('hnsc_zz','url,ztitle',"flag='y'",'order by id desc',5);
			foreach($rs as $v){
					?>
				<li><img src="upload/zz/s_<?=$v[0]?>"></li>
				<?php }?>
                </ul>
                </div>
        </div>

把如上黄色的代码放在php或者html文件中

然后进入demo文件中

找到你要的效果图的html文件，点击进入查看源代码把里面的css样式引进来 即可点击查看效果，记得把slideBox修改为apcon

来自为知笔记(Wiz)