首页 > 其他 > 详细

SuperSlide的使用

时间:2015-06-07 22:58:48      阅读:234      评论:0      收藏:0      [点我收藏+]
先去官网下载
技术分享
下载过后解压
技术分享放在自己需要引入的js里面引入
然后点击demo.html选择自己需要的效果
技术分享
把此行代码复制到javascript中
一般jquery的写法可以改变一下为
  1. $(document).ready(function(e) {
  2. $(".apcon").slide({
  3. mainCell:".bd ul",
  4. titCell:‘.hd ul‘,
  5. autoPlay:true,
  6. autoPage:true,
  7. effect:"topLoop",
  8. easing:"easeOutCirc"
  9. });
  10. });
技术分享
<div class="hd">
        <ul></ul>
        </div>
  1. <div class="bd">
  2. <ul>
  3. <!--从数据库中查询出荣誉资质图片在此显示-->
  4. <?php
  5. $rs=query(‘hnsc_zz‘,‘url,ztitle‘,"flag=‘y‘",‘order by id desc‘,5);
  6. foreach($rs as $v){
  7. ?>
  8. <li><img src="upload/zz/s_<?=$v[0]?>"></li>
  9. <?php }?>
  10. </ul>
  11. </div>
  12. </div>
把如上黄色的代码放在php或者html文件中
然后进入demo文件中
技术分享
找到你要的效果图的html文件,点击进入查看源代码把里面的css样式引进来 即可点击查看效果,记得把slideBox修改为apcon
技术分享







SuperSlide的使用

原文:http://www.cnblogs.com/lsr111/p/4559151.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!