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

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

信息滾動效果制作

難度初級
時長39分
學習人數(shù)
綜合評分9.63
488人評價 查看評價
9.8 內(nèi)容實用
9.6 簡潔易懂
9.5 邏輯清晰
  • <marquee>

    1? ?behavior 滾動方式

    ????????alternate 表示在兩端之間來回滾動

    ????????scroll:表示由一端滾動到另一端,會重復

    ????????slide:表示由一端滾動到另一端,不會重復

    2????direction 滾動的方向 down up left right

    3????loop 滾動的次數(shù) (當loop = -1表示一直滾動下去,默認為-1)

    4 ???scrollamount 設(shè)定活動字幕的滾動速度

    5????scrolldelay 設(shè)定活動字幕滾動兩次之間的延遲時間

    <marquee onmouseover = "this.stop();"? onmouseout = "this.start();" >設(shè)置鼠標移動樣式,鼠標停留,停止?jié)L動



    查看全部
  • 鼠標移入移出的效果

    查看全部
  • <script?type="text/javascript">
    ?var?area?=?document.getElementById('moocBox');
    ?var?liHeight?=?48;?//li高度,可自定義改變每次滾動距離
    ?var?time,
    ???time2,
    ???speed=20,//滾動速度
    ???delay=2000;//滾動延遲
    
    ?area.innerHTML?+=?area.innerHTML;
    ?area.scrollTop?=?0;
    
    ?function?startMove(){
    ???//保證scrollTop不為0,否則滿足area.scrollTop?%?liHeight?==?0,使函數(shù)停止
    ???area.scrollTop++;
    ???time?=?setInterval(scrollUp,?speed);
    ?}
    
    ?function?scrollUp()?{
    ?????if?(area.scrollTop?%?liHeight?==?0)?{
    ?????????clearInterval(time);
    ?????????time2=setTimeout(startMove,delay);
    ?????}else{
    area.scrollTop++;
    //area.scrollHeight文檔的大小
    if(area.scrollTop>=area.scrollHeight/2){
    ???area.scrollTop=0;
    }
    ?????}
    ?}
    
    ?setTimeout(startMove,delay);
    
    ?area.onmouseover=function(){
    ???//必須同時清除time和time2,只結(jié)束time的話time2依然可以在延時后啟動startMove(),使得清除time變得無效
    ???clearInterval(time);
    ???clearTimeout(time2);
    ?}
    ?area.onmouseout=function(){
    ???time?=?setInterval(scrollUp,?speed);
    ?}
    ?</script>


    查看全部
  • marquee標簽實現(xiàn)信息滾動

    https://img1.sycdn.imooc.com//5b02de3c00011b6b11190567.jpg

    查看全部
  • https://img1.sycdn.imooc.com//5ac870270001d43c05590324.jpg

    查看全部
  • <marquee>標簽屬性

    查看全部
  • <script> //將定時器、列表行間距聲明為全局變量 var timer=null; var lineHeight=24; $(function(){ //當頁面加載完后,延遲兩秒鐘執(zhí)行startScroll()函數(shù)。 //而不用setInterval(startScroll,50),否則頁面加載完畢后,列表會直接滾動到第二行而人眼無法察覺 setTimeout(startScroll,2000); $("#moocBox ul").clone(true).appendTo("#moocBox");//帶行為的克隆 }) function startScroll(){ var top=++$("#moocBox")[0].scrollTop;//先自增后賦值,top值依次為1、2、3....而不xain先賦值后自增,否則永遠不滾動 if(top%lineHeight == 0){ setTimeout("startScroll()",2000); }else{ startScroll(); } var ulHeight=$("#moocBox ul")[0].offsetHeight; if(top == ulHeight){ $("#moocBox")[0].scrollTop=0; } } </script>

    查看全部
  • setTime與setInterval

    查看全部
  • <script> //取得滾動區(qū)域 var area=document.getElementById('moocBox'); var iLiHeight=24;//1個列表高度 area.innerHTML+=area.innerHTML; area.scrollTop=0; function scrollUp(){ area.scrollTop++; //當滾動區(qū)域 %一個信息的高度==0時停止?jié)L動 if(area.scrollTop % iLiHeight ==0){ clearInterval(time); } } var time=setInterval("scrollUp()",50); </script>

    查看全部
    0 采集 收起 來源:單次滾動制作

    2018-03-24

  • 實現(xiàn)克?。o縫對接滾動) var area = document.getElementById('moocBox'), con1 = document.getElementById('con1'), con2 = document.getElementById('con2'); // area.scrollTop = 0; 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-24

  • onmouseover=this.stop() onmouseout=this.start()表示當鼠標以上區(qū)域的時候滾動停止,當鼠標移開的時候又繼續(xù)滾動。

    查看全部
  • marquee

    查看全部
  • 間歇式滾動3
    查看全部
  • 間歇式滾動2
    查看全部
  • 間歇式滾動1
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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