您的位置:首页 > Web前端 > JQuery

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
当前调用代码:jQuery(".slideTxtBox").slide({});

注意:缓动效果对于fade影响不大;不同缓动效果设置适当“效果速度”,会有最佳效果。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: