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

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

信息滾動效果制作

難度初級
時長39分
學習人數
綜合評分9.63
488人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • marquee知識點
    查看全部
  • < dl>< /dl>用來創建一個普通的列表, < dt>< /dt>用來創建列表中的上層項目, < dd>< /dd>用來創建列表中最下層項目, < dt>< /dt>和< dd>< /dd>都必須放在< dl>< /dl>標志對之間。
    查看全部
  • // 克隆 var box3con =document.getElementById("box3con"); box3con1.innerHTML += box3con1.innerHTML;
    查看全部
    1 采集 收起 來源:單次滾動制作

    2018-03-22

  • <div id="box1"> <marquee behavior="" direction="up"> 我是滾動默認up </marquee> <marquee behavior="scroll" direction="down" > 我是滾動behavior="scroll"down </marquee> <marquee behavior="slide" direction="" scrollamount="6" loop="2"> 我是滾動behavior="slide" </marquee> <marquee behavior="scroll" direction="right" scrollamount="10" scrolldelay="0" onmouseover="this.stop();" onmouseout="this.start();"> <p><a href="">我是滾動behavior="scroll"</a></p> </marquee> <!-- "down"與"left"的合成 --> <marquee behavior="alternate" direction="down" width="250" height="150" bgcolor="deepskyblue" > <marquee behavior="alternate" direction="left"> This text will bounce </marquee> </marquee> </div>
    查看全部
  • <marquess>的使用實例
    查看全部
  • <marquee>知識點
    查看全部
  • <marqueen>標簽:成對出現 1.behavior滾動的方式 (alternate:表示在兩端之間來回滾動; scroll:表示由一端滾動到另一端,會重復。 slide:表示從一端滾動到另一端,不會重復。) 2.direction滾動的方向Down、up、left、right 3.loop滾動的次數(默認為-1,表示一直滾動) 4.scrollmount設定活動字幕的滾動速度 5.scrolldelay設定活動字幕滾動兩次之間的延長時間
    查看全部
  • marquee滾動
    查看全部
  • dirction 滾動方向:down,up,left,right; loop:次數,默認為-1; scrollamount:滾動速度; scrolldelay:滾動的延遲; behavior:滾動方式有alternate,scroll,slide;
    查看全部
    0 采集 收起 來源:練習題

    2016-12-15

  • 1.setTimeout(表達式,延遲時間) 2.setInterval(表達式,交互時間)
    查看全部
  • 使用scrollLeft的必要條件是 第一:此標簽的內容寬度超過了標簽本身的寬度。 這個很容易理解,如果內容沒有超過標簽的寬度,不需要橫向的滾動就可以看到所有橫向的范圍,那在使用scrollLeft的時候肯定是無效的了。 在這里很多新手經常會犯一個錯誤,內容的大小確實是超過了標簽的顯示范圍,但是卻因為瀏覽器的默認屬性換行了,也就是沒有在橫向上超出,這時候同樣是不能使用scrollLeft的。 第二:scrollLeft的值范圍是在一定范圍內的,不能無限增大。 當內容的最右端可以顯示的時候,scrollLeft便不能再增加了。這個也容易理解。以瀏覽器右側滾動條為例,這個滾動條肯定是能拖到底的,這個拖動有一定的范圍,跟頁面內容高度有關。 第三:scrollLeft(包括其他三個)常與定時器一起使用,實現位置移動效果,如滾動。 你應該遇到的是第一個條件不滿足才產生的這個問題。所以建議你可以采用改變ul的margin-Left的值實現滾動效果
    查看全部
  • <script> var moocBox=document.getElementById("moocBox"); var con1=document.getElementById("con1"); var con2=document.getElementById("con2"); con2.innerHTML=con1.innerHTML; moocBox.scrollTop=0; var timer=null; moocBox.onmouseover=function () { clearInterval(timer); }; moocBox.onmouseout=function () { scorllShow(); }; function scorllShow() { timer=setInterval(function () { if(moocBox.scrollTop>=con1.offsetHeight) { moocBox.scrollTop=0; } else { moocBox.scrollTop++; } },50); } scorllShow(); </script>
    查看全部
  • 1、innerHTML<br> 2、scrollTop(向上滾動的數值)后面的值不帶px,如area.scrollTop = 0; <br> 3、offsetHeight(元素自身的高度)<br> 4、setInterval()(執行的方法)<br> 5、clearInterval()(清除執行的方法)<br> 定義一個元素,然后將該元素克隆一個,當原始的元素內容結尾出現時,也就是滾動高度等于元素的offsetHeight,后面跟上克隆元素,當原始元素內容滾動完時,將滾動高度值為0,即從頭開始滾動,這樣就達到了無縫滾動 scrollTop:為元素內容被卷去的高度
    查看全部
    0 采集 收起 來源:無縫滾動制作

    2018-03-22

  • <marqueen>標簽 1.behavior滾動的方式 (alternate:表示在兩端之間來回滾動; scroll:表示由一端滾動到另一端,會重復。 slide:表示從一端滾動到另一端,不會重復。) 2.direction滾動的方向Down、up、left、right 3.loop滾動的次數(默認為-1,表示一直滾動) 4.scrollmount設定活動字幕的滾動速度 5.scrolldelay設定活動字幕滾動兩次之間的延長時間
    查看全部
  • 無縫滾動:當內容滾完之后,不想讓它停止,也不讓它空白。 說明:藍色為顯示區域,橘黃色為要滾動的內容 無縫滾動原理: 原始內容為1,克隆內容為2 當原始內容底部到達可視區的底部時,重新克隆出原始內容2,2在緊接在1的后面 當1的內容滾出可視區,2的內容到達可視區的頂部時,此刻就開始了無縫滾動
    查看全部
    0 采集 收起 來源:無縫滾動原理

    2016-12-11

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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