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

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

信息滾動效果制作

難度初級
時長39分
學習人數
綜合評分9.63
488人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • 為了實現循環無限滾動,需要設置兩個div,其中div2的內容克隆div1.并且當div1完全滾動出去以后,設置兩個div恢復初始狀態。這樣肉眼可見就形成了無限的效果。
    查看全部
    0 采集 收起 來源:無縫滾動制作

    2015-08-02

  • <marquee>在html5當中逐漸棄用。圖片所示為其屬性和作用。
    查看全部
  • scrlltopscrollTop() 方法返回或設置匹配元素的滾動條的垂直位置。
    查看全部
    0 采集 收起 來源:無縫滾動制作

    2015-08-01

  • 做好函數封裝,代碼清晰可見,有條理。
    查看全部
    0 采集 收起 來源:無縫滾動制作

    2015-08-01

  • setInterval() 方法可按照指定的周期(以毫秒計)來調用函數或計算表達式。 setInterval() 方法會不停地調用函數,直到 clearInterval() 被調用或窗口被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數。 setTimeout(code,ms) 方法用于在指定的毫秒數后調用函數或計算表達式。 【注意】setTimeout() 只執行 code 一次。如果要多次調用,請使用 setInterval() 或者讓code 自身再次調用 setTimeout()。 clearTimeout() 方法可取消由 setTimeout() 方法設置的 timeout。
    查看全部
    0 采集 收起 來源:練習題

    2015-08-01

  • ?<marquee>知識點: 1.behavior滾動的方式:①alternate:表示在兩端之間來回滾動 ②scroll:表示由一端滾動到另一端,會重復 ③slide:表示由一端滾動到另一端,不會重復 2.direction滾動的方向(down,up,left,right) 3.loop(滾動的次數loop=-1表示一直滾動下去,默認為-1) 4.scrollamount設定活動字幕的滾動速度 5.scrolldelay設定活動字母滾動兩次之間的延遲時間,即即間隔時間,單位毫秒 ?說明: ① marquee標簽有閉合,是成對出現的:<marquee></marquee> ② 把要設置滾動的屬性放<marquee>內部 ③ 默認向左滾動 ④ <dd><marquee bgcolor="red" width="250" height="55"></marquee></dd> 這里設的width和height是內容滾動區域的寬和高,而不是最外面標簽<dd>的寬和高 ?實現鼠標放到marquee內容上停止,鼠標移開繼續滾動: 需在marquee開始標簽內寫:onmouseover="this.stop();" onmouseout="this.start();"
    查看全部
  • 延遲函數
    查看全部
  • //無限滾動 // <style type="text/css"> *{padding:0px; margin:0px;} .box{width:200px; height:100px; background:#C33; overflow:hidden;} .box ul{width:200px;} .box li{line-height:20px;} </style> <div id="box" class="box"> <ul class="ul1"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> </ul> </div> <script type="text/javascript"> var box = document.getElementById("box"); box.scrollTop = 0; box.innerHTML += box.innerHTML; var time = 50; var t = setInterval("gundong()",time); function gundong(){ box.scrollTop >= box.scrollHeight/2 ? box.scrollTop=0:box.scrollTop++; } box.onmousemove=function(){clearInterval(t)}; box.onmouseout=function(){t = setInterval("gundong()",time);} </script>
    查看全部
    0 采集 收起 來源:練習題

    2018-03-22

  • innerHtml scrolltop 向上滾動 offsetHeight 元素自身的高度 setInterval() 直行的方法 clearIntervar 清楚直行方法
    查看全部
    1 采集 收起 來源:無縫滾動制作

    2015-07-26

  • clientTop返回的是元素周圍邊框的厚度,如果不指定一個邊框或者不定位改元素,他的值就是0。 offsetTop:獲取對象相對于版面或由 offsetTop 屬性指定的父坐標的計算頂端位置 配合定位使用,有top,left,right,bottom。 scrollTop:設置或獲取位于對象最頂端和窗口中可見內容的最頂端之間的距離 (即網頁被卷去的高)
    查看全部
    0 采集 收起 來源:練習題

    2015-07-26

  • 滾動方式behavior: scroll:循環滾動,默認效果; slide:只滾動一次就停止; alternate:來回交替進行滾動 語法:<marquee behavior="滾動方式">...</marquee> 滾動方向direction(包括4個值:up、 down、 left和 right) 語法:<marquee direction="滾動方向">...</marquee> 滾動循環loop(默認值是-1,滾動會不斷的循環下去) 語法:<marquee loop="2">...</marquee> 動速度scrollamount(滾動速度是設置每次滾動時移動的長度,以像素為單位) 語法:<marquee scrollamount="5">...</marquee>
    查看全部
    0 采集 收起 來源:練習題

    2018-03-22

  • 滾動方式behavior: scroll:循環滾動,默認效果; slide:只滾動一次就停止; alternate:來回交替進行滾動 語法:<marquee behavior="滾動方式">...</marquee> 滾動方向direction(包括4個值:up、 down、 left和 right) 語法:<marquee direction="滾動方向">...</marquee>
    查看全部
    0 采集 收起 來源:練習題

    2018-03-22

  • 解析 滾動方向direction(包括4個值:up、 down、 left和 right)   語法:<marquee direction="滾動方向">...</marquee>
    查看全部
    0 采集 收起 來源:練習題

    2018-03-22

  • <marquee>html5知識點 1,behavior滾動方式 2direction滾動方向 3loop滾動次數 4滾動的速度 5設置延遲時間
    查看全部
  • 有點亂
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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