图片及文字 滚动轮播图

图片滚动

 

下载地址

0.http://www.dowebok.com/188.html

 

1、引入文件

<link rel="stylesheet" href="/css/liMarquee.css"> <script src="/js/jquery-1.9.0.min.js"></script> <script src="/js/jquery.liMarquee.js"></script>

2、HTML  

<div class="dowebok"> <a href="javascript:">Smoothslides – 可平移的jQuery幻灯片插件</a> <a href="javascript:">jQuery全屏滚动插件fullPage.js</a> <a href="javascript:">WOW.js – 让页面滚动更有趣</a> <a href="javascript:">让IE7 IE8支持CSS3 background-size属性</a> <a href="javascript:">shCircleLoader – jQuery Loading效果插件</a> </div>

3、JavaScript

$(function(){ $('.dowebok').liMarquee(); });

 

配置

名称

类型

默认值

说明

direction

字符串

left

滚动方向，可选 left / right / up / down

loop

整数

-1

循环次数，-1 为无限循环

scrolldelay

整数

0

每次重复之前的延迟

scrollamount

整数

50

滚动速度，越大越快

circular

布尔值

true

无缝滚动，如果为 false，则和 marquee 效果一样

drag

布尔值

true

鼠标可拖动

runshort

布尔值

true

内容不足是否滚动

hoverstop

布尔值

true

鼠标悬停暂停

xml

布尔值

false

加载 xml 文件

inverthover

布尔值

false

反向，即默认不滚动，鼠标悬停滚动