码迷,mamicode.com
首页 > 其他好文 > 详细

SuperSlide的使用

时间:2015-06-07 23:01:56      阅读:240      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!