什麼是JQuery和如何爲網站製作動畫

-3

尋找一些很好的教程來學習JQuery。我想學習網站中使用的動畫，請提供一些建議。謝謝！什麼是JQuery和如何爲網站製作動畫

我的基本問題是一些網站，他們說用JS動畫和一些他們說JQ

2017-02-28 Ezaz

這是不是一個真正的問題。 http://stackoverflow.com/help/how-to-ask – Andrew

請使用谷歌這樣的問題。 – Black

我提供了一些相當基本的註釋代碼，從W3schools示例進行了改編。嘗試理解它，嘗試改變它，使其從左到右移動，而不僅僅是寬度和高度，並且您將會掌握它。

function animate() { 
 
    //jQuery selector: select all div elements into var 'div', 
 
    //it then becomes a container of this collection with a 
 
    //number of methods to manipulate it 
 
    //see https://www.w3schools.com/jquery/jquery_selectors.asp 
 
    var div = $("div"); 
 
     
 
    startAnimation(); // hoisting, see below 
 
     
 
    function startAnimation(){ 
 
     //animate until height is 100 
 
     div.animate({height: 100}, "slow"); 
 
     //then animate until width is 100 
 
     div.animate({width: 100}, "slow"); 
 
     //then animate until height is 50 
 
     div.animate({height: 50}, "slow"); 
 
     //then animate until width is 50 and call itself after 
 
     div.animate({width: 50}, "slow", startAnimation); 
 
    } 
 
} 
 
animate();

.box-a { 
 
    left:10px;top:50px; 
 
    width:50px; 
 
    height:50px; 
 
    position:absolute; 
 
    background: gray; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="box-a"></div>

來源

2017-02-28 20:24:32

感謝你幫助兄弟，現在我知道它是如何工作的。 – Ezaz

YW。請嘗試擴展您的問題 - 您嘗試了什麼，爲什麼搜索或其他網站不適合您，以及您需要什麼類型的動畫，並且您的問題可能有機會留下並幫助他人 - 您獲得加分和其他人會欣賞它。 –

jQuery是一個JavaScript庫，，簡化網絡developpers一些任務。例如訪問，如果你想通過其ID訪問在Javascript中的元素，你將使用

var myelement = document.getElementById(myelementID)

在JQuery的簡化版本將

var myelement= $('#myelementID');

我建議代碼書院教育的路徑，如果你喜歡通過練習來學習：https://www.codecademy.com/learn/jquery 否則你可以諮詢https://learn.jquery.com/。關於動畫我強烈推薦animate.css庫：https://daneden.github.io/animate.css它很容易通過它動畫html組件（你只需要將動畫類添加到你的組件類屬性中），而最酷的是你可以做到這一點使用JQuery動態添加動畫（例如，當您單擊按鈕或當用戶向下滾動時）

來源

2017-02-28 20:20:16 radtelbi

什麼是JQuery和如何爲網站製作動畫

回答

相關問題