javascript無縫滾動

知識點

現在這個標籤不主張使用，因為不符合w3c標準（結構、樣式、行為）功能性分離。

1.behavior滾動的方式

  【alternate】：表示在兩端之間來回滾動

  【scroll】：表示由一端捲動到另一端，會重複

  【slide】：表示由一端捲動到另一端，會重複

  【slide】：表示由一端捲動到另一端，不會重複

2.direction滾動的方向【down】、【up】、【left】、【right】

3.loop滾動的次數（當loop=-1表示一直滾動下棋，預設為-1）

4.scrollamount設定活動字幕的滾動速度

5.scrolldelay設定活動字幕滾動兩次之間的延遲時間

 <marquee loop="-1" onmouseover="this.stop();" onmouseout="this.start();"></marquee>

用javascript實現

html

<div  id="moocBox">
    <ul id="con1">
        <li><a href="#">1.学会html5 绝对的屌丝逆袭（案例）</a><span>2013-09-18</span></li>
        <li><a href="#">2.tab页面切换效果（案例）</a><span>2013-10-09</span></li>
        <li><a href="#">3.圆角水晶按钮制作（案例）</a><span>2013-10-21</span></li>
        <li><a href="#">4.HTML+CSS基础课程(系列)</a><span>2013-11-01</span></li>
        <li><a href="#">5.分页页码制作（案例）</a><span>2013-11-06</span></li>
        <li><a href="#">6.导航条菜单的制作（案例）</a><span>2013-11-08</span></li>     
    </ul>   
</div>