jquery.SuperSlide
2015-12-30 10:07
656 查看
1、引用jQuery.js 和 jquery.SuperSlide.js
因为SuperSlide是基于jQuery的插件,所以前提必须先引用jQuery,再引用SuperSlide?
2、编写HTML
以下是默认的HTMl结构,分别是 ".hd" 里面包含ul, ".bd" 里面包含ul?
3、编写CSS,为HTML赋予样色
认真检查您的css,保证兼容大部分浏览器前提下再调用SuperSlide?
4、调用SuperSlide
在本例中,请在 “.slideTxtBox” div结束后立刻调用 SuperSlide,这样会得到最好的效果,避免整个页面加载后再调用 SuperSlide;因为是默认HTML结构,所以参数都为默认值,不用填写titCell、mainCell等。
?
5、效果如下:
常用参数(切换看看) | |||
效果[effect]: | fade fold left top leftLoop topLoop | 自动运行[autoPlay]: | false true |
触发方式[trigger]: | mouseover click | 缓动效果[easing]: | linear swing easeOutCirc easeInQuint easeInBack easeOutBounce easeOutElastic 更多 |
效果速度[delayTime]: | 500 700 1000 0 |
注意:缓动效果对于fade影响不大;不同缓动效果设置适当“效果速度”,会有最佳效果。
相关文章推荐
- OpenLayers学习笔记4——使用jQuery UI实现測量对话框
- jQuery与Servlet实现文件上传与获取上传进度
- JQuery 选择器
- jquery.reveal弹出框
- 用户登录成功后的信息初始化及持久连接安全机制---php+json+jquery
- Jquery 函数扩展
- jQuery插件
- jQuery给元素添加样式的方法详解
- jQuery拖动元素并对元素进行重新排序
- 分享两款带遮罩的jQuery弹出框
- 基于jQuery实现美观且实用的倒计时实例代码
- jQuery 联动的DEMO
- jquery "$" 冲突
- 开始新旅程
- Jquery 获取表单值
- Jquery FlexGrid
- jQuery.mmenu使用(待更新)
- jquery.validate.js使用之自定义表单验证规则
- JQuery.Ajax()的data参数类型
- jquery学习总结1