SuperSlide的使用

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

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

   <div class="apcon">
        <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>
            <a class="prev" href="javascript:void(0)"></a>
			<a class="next" href="javascript:void(0)"></a>
        </div>

/* 下面是前/后按钮代码，如果不需要删除即可 */
.apcon .prev,
.apcon .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.apcon .next{ left:auto; right:3%; background-position:8px 5px; }
.apcon .prev:hover,
.apcon .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.apcon .prevStop{ display:none;  }
.apcon .nextStop{ display:none;  }