因为SuperSlide是基于jQuery的插件,所以前提必须先引用jQuery,再引用SuperSlide
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.SuperSlide.2.1.1.js"></script>
HTML
以下是默认的HTMl结构,分别是 ".hd" 里面包含ul, ".bd" 里面包含ul
<div class="slideTxtBox">
<div class="hd">
<ul><li>教育</li><li>培训</li><li>出国</li></ul>
</div>
<div class="bd">
<ul>
<li><a href="http://www.SuperSlide2.com" target="_blank">SuperSlide2.0正式发布!</a></li>
...
</ul>
<ul>
<li><a href="http://www.SuperSlide2.com" target="_blank">名师教作文:3妙招巧写高分</a></li>
...
</ul>
<ul>
<li><a href="http://www.SuperSlide2.com" target="_blank">澳大利亚八大名校招生说明会</a></li>
...
</ul>
</div>
</div>
jQuery
调用SuperSlide,因为是默认HTML结构,所以参数都为默认值,不用填写titCell、mainCell等。
<script type="text/javascript">$(".slideTxtBox").slide(); </script>
如果您想了解更多,可以查看 <a href='../jquery/demo/7/index2.html' target='_blank'>焦点图/幻灯片</a>、 <a href='../jquery/demo/7/index3.html' target='_blank'>图片滚动</a>、 <a href='../jquery/demo/7/index4.html' target='_blank'>无缝滚动</a>、 <a href='../jquery/demo/7/index5.html' target='_blank'>导航</a>、 <a href='../jquery/demo/7/index6.html' target='_blank'>手风琴</a>,如果您想下载代码研究,可以到<a href="../Download/zip/id/7/mtype/2.html">下载页面</a> 。还要告诉大家个密码,<a href='http://www.sucaihuo.com'>素材火</a>首页banner也用的这个插件..嘻嘻^_^..
SuperSlide参数设置
参数 | 描述 | 默认值 |
autoPage | 支持自定义分页html,$为数字替换位置。例如autoPage: | false |
titCell | 导航元素对象(鼠标的触发元素对象) | ".hd li" |
mainCell | 切换元素的包裹层对象 | ".bd" |
effect | 动画效果 fade:渐显; || top:上滚动;|| left:左滚动;|| topLoop:上循环滚动;|| leftLoop:左循环滚动;|| topMarquee:上无缝循环滚动;|| leftMarquee:左无缝循环滚动; | "fade" |
autoPlay | 自动运行 | false |
interTime | 毫秒;自动运行间隔。当effect为无缝滚动(topMarquee/leftMarquee)时,相当于运行速度。 | 2500 |
delayTime | 毫秒;切换效果持续时间(一次切换效果执行所用的时间长度)。 | 500 |
trigger | titCell触发方式 || mouseover:鼠标移过触发;|| click:鼠标点击触发; | "mouseover" |
scroll | 每次滚动个数。 | 1 |
vis | visible缩写,mainCell的可视范围个数,当实际内容个数少于可视个数的时候,不执行SuperSlide效果。 | 1 |
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791