<div id="wrap1" class="wrap">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
</div> $(function() {
$('#wrap1').marquee();
}) <div id="wrap3" class="wrap">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
</div> $(function() {
$('#wrap3').marquee({
auto: true,
interval: 3000,
speed: 500,
showNum: 5,
stepLen: 5
});
}) 其他7个滚动演示效果,<a href='https://jy.tp.yuanmeng.life/jquery/demo/93/' target='_blank'>点击查看</a>。
| 参数 | 描述 | 默认值 |
| auto | 是否自动滚动 | true |
| interval | 间隔时间(毫秒) | 3000 |
| direction | 向前 - forward / 向后 - backward | forward |
| speed | 500 | 移动速度(毫秒) |
| showNum | 显示个数 | 1 |
| 每次滚动步长 | stepLen | 1 |
| type | 水平滚动 - horizontal / 垂直滚动 - vertical | horizontal |
| prevElement | 上一组按钮元素 | - |
| prevBefore | 上一组移动前回调 | function() {} |
| nextElement | 下一组按钮元素 | function(){} |
| nextBefore | 下一组移动前回调 | function() {} |
| nextAfter | 下一组移动后回调 | function() {} |
| pauseElement | 暂停按钮元素 | - |
| pauseBefore | 暂停前回调 | function() {} |
| pauseAfter | 暂停后回调 | function() {} |
| resumeElement | 继续按钮元素 | - |
| resumeBefore | 继续前回调 | function(){} |
| resumeAfter | 继续后回调 | function() {} |
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
