marquee.js插件演示9种jQuery滚动效果

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

演示一：不带任何参数（默认参数）

<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='http://www.sucaihuo.com/jquery/demo/93/' target='_blank'>点击查看</a>。