
演示一:不带任何参数(默认参数)
<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.
