开发者社区> curiousby> 正文

superslide 使用入门

简介: superslide 使用   http://down.admin5.com/demo/code_pop/18/562/   1.焦点图 / 幻灯片   jQuery(".slideBox").
+关注继续查看

superslide 使用

 

http://down.admin5.com/demo/code_pop/18/562/

 

1.焦点图 / 幻灯片

 

jQuery(".slideBox").slide( { mainCell:".bd ul",effect:"left",autoPlay:true} );

 

 

2.标签切换 / 书签切换 / 默认效果

     jQuery(".slideTxtBox").slide();

 


 3.图片滚动-左

jQuery("#leftMarquee").slide( { mainCell:".bd ul",effect:"leftMarquee",vis:3,interTime:40,autoPlay:true } );

 

 

 

banner  轮播代码实例

<div class="banner">
	<div id="slideBox" class="slideBox">
    	<div class="bd">
        	<ul>
               <li><a href="" target="_blank"><img src="images/banner.jpg" /></a></li>
               <li><a href="" target="_blank"><img src="images/banner.jpg" /></a></li>
               <li><a href="" target="_blank"><img src="images/banner.jpg" /></a></li>
               <li><a href="" target="_blank"><img src="images/banner.jpg" /></a></li>
            </ul>
        </div>
        <div class="hd">
        	<ul><li></li><li></li><li></li><li></li></ul>
        </div>
     </div>
     <script type="text/javascript">
     	jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true});
     </script>
</div>

 

 


 

 

 

 

 

 

 

 

 

 

 

 

捐助开发者

在兴趣的驱动下,写一个免费的东西,有欣喜,也还有汗水,希望你喜欢我的作品,同时也能支持一下。 当然,有钱捧个钱场(右上角的爱心标志,支持支付宝和PayPal捐助),没钱捧个人场,谢谢各位。



 
 
 谢谢您的赞助,我会做的更好!

 

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
jQuery框架实现元素显示及隐藏动画【附案例分析】
jQuery框架实现元素显示及隐藏动画【附案例分析】
10 0
盘点用jQuery框架实现“for循环”的四种方式!
盘点用jQuery框架实现“for循环”的四种方式!
11 0
五分钟学会做一个在线抽奖系统,手把手教你抽奖还学不会嘛?
五分钟学会做一个在线抽奖系统,手把手教你抽奖还学不会嘛?
6 0
硬核解析,巧用案例学习jQuery框架三种事件绑定方式
硬核解析,巧用案例学习jQuery框架三种事件绑定方式
8 0
管理 crontab 的开源工具
要开始使用 cron,你可以简单地在命令行输入 crontab -e,启动一个打开了当前 crontab(“cron table” 的缩写)文件的编辑器(如果你以 root 身份这样做,你访问的是系统 crontab)。
4 0
数据结构与算法(一):准备篇
数据结构与算法(一):准备篇
7 0
01-小程序:开发入门篇
01-小程序:开发入门篇
6 0
03-小程序实战 (一):豆瓣登录
03-小程序实战 (一):豆瓣登录
5 0
JavaWeb--快速入门JSON&Ajax
JavaWeb--快速入门JSON&Ajax
4 0
零基础学算法100天第5天——二维前缀和(基础算法)(上)
零基础学算法100天第5天——二维前缀和(基础算法)
3 0
+关注
curiousby
echo
428
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载