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

為了賬號安全,請及時綁定郵箱和手機立即綁定
  • 通過background-size 一般可以設置 100% 100%的方式平鋪元素,這樣設置后圖片就能自適應大小縮放了
    查看全部
    0 采集 收起 來源:云動畫效果

    2016-01-07

  • animate動畫回調多層嵌套的處理方法,用優雅的promise改造后
    查看全部
  • top: $elem.position().top一個元素距離頂部的距離 用法: // 獲取數據 var getValue = function(className) { var $elem = $('' + className + ''); // 走路的路線坐標 return { height: $elem.height(), top: $elem.position().top }; };
    查看全部
  • animation-direction: alternate; 如果 animation-direction 值是 "alternate",則動畫會在奇數次數(1、3、5 等等)正常播放,而在偶數次數(2、4、6 等等)向后播放。
    查看全部
    0 采集 收起 來源:星星與水波

    2018-03-22

  • var complete = function() { if (count == 1) { defer.resolve();//這里是執行而不是成功 return; } count--; //當count為1的時候執行,不為1的時候自減 }; doorLeft.transition({ 'left': left }, time, complete);//這里加異步,執行成功后調用complete方法
    查看全部
  • -webkit-animation-name:XXX;<br> -webkit-animation-duration:XXXms;<br> -webkit-animation-iteration-count:infinite;<br> -webkit-animation-timing-function: step(1,start);<br> <br> @-webkit-keyframes XXX {<br> 0% {background-position: }<br> 25% {background-position: }<br> 50% {background-position: }<br> 75% {background-position: }<br> 100% {background-position: }<br> }<br> <br> -moz-animation-name:XXX;<br> -moz-animation-duration:XXXms;<br> -moz-animation-iteration-count:infinite;<br> -moz-animation-timing-function: step(1,start);<br> <br> @-moz-keyframes XXX {<br> 0% {background-position: }<br> 25% {background-position: }<br> 50% {background-position: }<br> 75% {background-position: }<br> 100% {background-position: }<br> }
    查看全部
  • js 中的 function Swipe(container){ …… return swipe; } 類似java中的一個類,而 swipe.scrollTo=function(x,speed){ return this; }; 則是該類中的內部方法
    查看全部
  • 代碼看不清
    查看全部
    0 采集 收起 來源:課程簡介

    2016-01-01

  • $("p").find("span").css('color','red'); 搜索所有段落中的后代 span 元素,并將其顏色設置為紅色
    查看全部
  • -webkit-animation-timing-function: steps(1, start); /*動畫切換方式:函數 steps(1 ,start)*/
    查看全部
  • 在監聽動畫完成上,采用用了一個count計數,count開始為2,當執行第一個回調后會減1,只有當二個回調執行的時候,這個defer.resolve才會執行 var complete = function() { if (count == 1) { defer.resolve(); return; } count-- }
    查看全部
  • 稍微注意下的就是商店的燈的亮度切換采用的是切換背景圖片,背景圖如果是沒有預加載的話就有一個閃屏的問題,所以特意做了一個b_background_preload的節點讓圖片先加載,設置一個坐標不可見 .b_background_preload {<br> background: url("http://img1.sycdn.imooc.com//55ade0be0001a37914410901.png") no-repeat -9999px -9999px;<br> }
    查看全部
    2 采集 收起 來源:頁面布局

    2018-03-22

  • 分別定義大云和小云的樣式 動作和關鍵幀 .cloud {z-index: 2; position: absolute; } .cloud1 { width: 181px; height: 101px; left: -5%; top: 15%; background: url("http://img1.sycdn.imooc.com//55addfde0001aec501810101.png"); } .cloud2 { width: 301px; height: 140px; right: -5%; background: url("http://img1.sycdn.imooc.com//55addff500016df503010140.png"); } .cloud1Anim{ -webkit-animation-name: smallCloud; -webkit-animation-duration: 30s; -webkit-animation-iteration: infinite; } .cloud2Anim{ -webkit-animation-name: largeCloud; -webkit-animation-duration: 60s; -webkit-animation-iteration: infinite; } @-webkit-keyframes smallCloud { 0% {left: -5%;}100% { left: 100%;}} @-webkit-keyframes largeCloud {0% { right: -5%;}100% { right: 100%;} }
    查看全部
    0 采集 收起 來源:云動畫效果

    2018-03-22

  • boy.walkTo(2000, 0.2) .then(function() { // 第一次走路完成 // 開始頁面滾動 scrollTo(5000, 1); }).then(function() { alert("dsad")//當小男孩到達0.2的時候 觸發頁面滾動的函數,與此同時異步執行alert代碼 return boy.walkTo(5000, 0.5); });
    查看全部
  • boy.walkTo()前面有無return的區別是什么? 本質區別,return返回一個新的異步對象,用來鏈接到后面的then方法, 這樣才能形成一個異步等待的效果如果沒有return,那么會認為是同步代碼
    查看全部

舉報

0/150
提交
取消
課程須知
本課程為高級案例課程,其中所用的大部分知識點不做深入剖析,只講解如何使用,部分代碼需要由你自己填充。 需要具備如下知識: 1、HTML4、HTML5 2、CSS2、CSS3 3、JavaScript、jQuery 4、面向對象思想
老師告訴你能學到什么?
1、如何實現頁面的無縫滾動 2、如何實現視覺差效果 3、異步編程處理 4、CSS3動畫過渡 5、JS動畫實現 6、H5的音樂效果

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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