第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

信息滾動效果制作

難度初級
時長39分
學(xué)習(xí)人數(shù)
綜合評分9.63
488人評價 查看評價
9.8 內(nèi)容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • var area = document.getElementById('moocBox'), con1 = document.getElementById('con1'), con2 = document.getElementById('con2'); con2.innerHTML = con1.innerHTML; function scrollUp(){ if(area.scrollTop >= con1.offsetHeight){ area.scrollTop = 0; }else{ area.scrollTop++; } } var time = 50; var myScroll = setInterval('scrollUp()',time);
    查看全部
    0 采集 收起 來源:無縫滾動制作

    2018-03-22

  • 無縫滾動:克隆一個一模一樣的內(nèi)容
    查看全部
    0 采集 收起 來源:無縫滾動原理

    2016-08-08

  • marquee 標簽成對出現(xiàn),將內(nèi)容放在標簽中,默認向左滾動,在marquee里面寫屬性,時間以毫秒為單位,還可以設(shè)置onmouseout,onmouseover等屬性 behavior滾動方式: 1 alternate:兩端間來回滾動。2 scroll:由一端到另一端,會重復(fù)。3 slide:一端到另一端,不重復(fù) direction方向:上下左右 loop滾動次數(shù)(loop=-1表示一直滾動下去 scrollamount設(shè)定活動字幕的滾動速度 scrolldelay設(shè)定活動字幕滾動兩次之間的延遲時間
    查看全部
  • 無縫滾動的知識點
    查看全部
  • marquee的知識點
    查看全部
  • marquee知識點
    查看全部
  • <marquee>知識點 1.behavior滾動方式 alternate:表示在兩端之間來回滾動 scroll:表示由一端滾動到另一端,重復(fù) slid:表示由一端滾動到另一端,不重復(fù) 2.direction滾動的方向down up left right 3.loop滾動的次數(shù)(當loop=-1時,表示一直滾動下去,默認為-1) 4.scrollamount設(shè)定活動字幕的滾動速度 5.scrolldelay設(shè)定活動字幕滾動兩次之間的延遲時間
    查看全部
  • marquee知識點
    查看全部
  • <script> var area=document.getElementById('moocBox'), delay=2000, speed=50, liHeight=24; area.innerHTML+=area.innerHTML; var timer; function startScroll(){ area.scrollTop++; timer=setInterval('scrollUp()',speed); } function scrollUp(){ if(area.scrollTop%liHeight==0){ clearInterval(timer); setTimeout('startScroll()',delay); }else{ area.scrollTop++; if (area.scrollTop>=area.scrollHeight/2) { area.scrollTop=0; } } } setTimeout('startScroll()',delay); </script>
    查看全部
  • 單次滾動判斷 area.scrollTop % iLiHeight==0 clearInterval(timer); area.innerHTML+=area.innerHTML 克隆了一份area里的內(nèi)容(即ul)
    查看全部
    0 采集 收起 來源:單次滾動制作

    2016-08-05

  • 使用scrollLeft的必要條件是 第一:此標簽的內(nèi)容寬度超過了標簽本身的寬度。 這個很容易理解,如果內(nèi)容沒有超過標簽的寬度,不需要橫向的滾動就可以看到所有橫向的范圍,那在使用scrollLeft的時候肯定是無效的了。 在這里很多新手經(jīng)常會犯一個錯誤,內(nèi)容的大小確實是超過了標簽的顯示范圍,但是卻因為瀏覽器的默認屬性換行了,也就是沒有在橫向上超出,這時候同樣是不能使用scrollLeft的。 第二:scrollLeft的值范圍是在一定范圍內(nèi)的,不能無限增大。 當內(nèi)容的最右端可以顯示的時候,scrollLeft便不能再增加了。這個也容易理解。以瀏覽器右側(cè)滾動條為例,這個滾動條肯定是能拖到底的,這個拖動有一定的范圍,跟頁面內(nèi)容高度有關(guān)。 第三:scrollLeft(包括其他三個)常與定時器一起使用,實現(xiàn)位置移動效果,如滾動。 你應(yīng)該遇到的是第一個條件不滿足才產(chǎn)生的這個問題。所以建議你可以采用改變ul的margin-Left的值實現(xiàn)滾動效果
    查看全部
  • 無縫滾動制作scrollTop設(shè)置向上滾動1、克隆要滾動的內(nèi)容2、判斷滾動是否結(jié)束,結(jié)束時回到滾動起點,否則繼續(xù)滾動3、用setInterval()實現(xiàn)滾動 function scroll(){ var area = document.getElementById("showtime"); var con2 = document.getElementById("con2"); con2.innerHTML = area.innerHTML; area.scrollLeft--; if(area.scrollLeft>=con2.offsetWidth) { area.scrollLeft = 0;} else{ area.scrollLeft--;} } setInterval('scroll()',50);
    查看全部
    0 采集 收起 來源:無縫滾動制作

    2018-03-22

  • setTimeOut&&setInterval
    查看全部
  • var timer1=setInterval("test()",2000); var timer2=setTimeout("test()",2000); 都表示在2000ms 后執(zhí)行test函數(shù),不同的是setInterval 會無限次執(zhí)行,直到頁面關(guān)閉或timer1 被clearInterval(timer1)清除 而setTimeout會且只會執(zhí)行test函數(shù)一次,且timer2不需要清除
    查看全部
  • setTimeout vs setInterval
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復(fù)購買,感謝您對慕課網(wǎng)的支持!