亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

信息滾動效果制作

難度初級
時長39分
學習人數
綜合評分9.63
488人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • <marquee>知識點
    查看全部
  • <marquee>知識點
    查看全部
  • 實現代碼
    查看全部
  • 紅色部分就是scrollTop的值, scrollTop:設置或獲取位于對象最頂端和窗口中可見內容的最頂端之間的距離 (即網頁被卷去的高)
    查看全部
    0 采集 收起 來源:無縫滾動制作

    2017-04-26

  • 所需要的知識點: scrollTop的值是文檔滾出窗口的高度,值增大的時候內容向上移動。
    查看全部
    0 采集 收起 來源:無縫滾動制作

    2017-04-26

  • 事件控制
    查看全部
  • marquee用法介紹
    查看全部
  • setTimeout和setInterval的區別
    查看全部
  • 間歇循環滾動 1、設置需要滾動的行高: var h = lineHeight * n; 2、當滾動高度整除行高時,停止滾動: if(scrollTop % h == 0) clearInterval(...); 等待m秒后再滾動: setTimeout("scrollTop++; setInterval(...)", delay); 3、當內容已滾動出可視區時,重置scrollTop: if(scrollTop >= scrollHeight) scrollTop = 0; 4、初始調用一次setTimeout,以開始運動
    查看全部
  • setInterval() 方法可按照指定的周期(以毫秒計)來調用函數或計算表達式。 setInterval() 方法會不停地調用函數,直到 clearInterval() 被調用或窗口被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數。
    查看全部
    0 采集 收起 來源:練習題

    2017-04-08

  • setTimeout(表達式, 延遲時間)與setInterval(表達式,交互時間)的區別
    查看全部
  • scrollTop:設置或獲取位于對象最頂端和窗口中可見內容的最頂端之間的距離 (即網頁被卷去的高)
    查看全部
    0 采集 收起 來源:練習題

    2017-04-08

  • 無縫滾動: 1、假設原內容txt1向上滾動; 2、txt1底端滾動到可視區底部時,克隆一個一模一樣的內容txt2,并緊挨著txt1的底端。 3、txt1的內容已全部離開區域(即txt2的頂端到達可視區的頂部)時,用txt1替換txt2,此時txt1回到原始位置。
    查看全部
    0 采集 收起 來源:無縫滾動原理

    2017-04-08

  • <marquee behavior="方式" direction="方向" loop="次數" scrollamount="速度" scrolldelay="延遲"> ~設置滾動區域~ behavior值:alternate,scroll(默認),slide。 direction值:up,right,down,left(默認)。 loop值:一個自然數,-1表示一直滾動。 scrollamount值:一個自然數,默認為6,以px計。 scrolldelay值:一個自然數,默認為90,以ms計。 </marquee> 鼠標移入暫停滾動,鼠標移走繼續滾動: <marquee onmouseover="this.stop()" onmouseout="this.start()">...</marquee>
    查看全部
  • <marquee behavior="方式" direction="方向" loop="次數" scrollamount="速度" scrolldelay="延遲"> ~設置滾動區域~ behavior值:alternate,scroll(默認),slide。 direction值:up,right,down,left(默認)。 loop值:一個自然數,-1表示一直滾動。 scrollamount值:一個自然數,默認為6,以px計。 scrolldelay值:一個自然數,默認為90,以ms計。 </marquee> 鼠標移入暫停滾動,鼠標移走繼續滾動: <marquee onmouseover="this.stop()" onmouseout="this.start()">...</marquee>
    查看全部

舉報

0/150
提交
取消
課程須知
1.您至少具備HTML/CSS基礎知識; 2.您至少具備JavaSript基礎知識;
老師告訴你能學到什么?
1.學會<marquee>標簽及屬性,制作簡單信息滾動。 2.掌握無縫滾動原理,運用JavaScript實現效果。 3.通過設定定時時間,實現間歇性無縫滾動。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!