動畫/添加效果的東西？ JQUERY

-5

任何人都可以請教我如何添加效果，比如說我想讓一些文字在點擊按鈕時變淡，或者讓一個警告框做一些很酷的事情。我似乎無法找到任何有關如何真正實現它的教程...會喜歡一些幫助歡呼！動畫/添加效果的東西？ JQUERY

2017-05-30 parkourgirl1

檢查他們的[documentation]（http://api.jquery.com/）。 – doutriforce

看看jQuery的['.animate（）']（http://api.jquery.com/animate/）。如果你想使用vanilla JS，可以使用['window.requestAnimationFrame']（https://developer.mozilla.org/en/docs/Web/API/window/requestAnimationFrame）。 – PeterMader

https://meta.stackoverflow.com/questions/284236/why-is-can-someone-help-me-not-an-actual-question – evolutionxbox

假設你至少有一些CSS和JS的經驗，一個好的和簡單的解決方案是添加/刪除JS事件上的CSS類並對其做出反應。

這可能看起來像這樣在JS：

jQuery('.triggering_element').click(function({ 

    jQuery('.receiving_element').addClass('effect'); 

});

像這樣的CSS：

.receiving_element { 
    opacity: 0.0; 
    visibility: hidden; 
    transition: all ease-in-out 1s; 
} 

.receiving_element.effect { 
    opacity: 1.0; 
    visibility: visible; 
}

你可以做各種與此效果。也很複雜的。

在JS中，你也可以使用不同的事件。查看jQuerys on()。

有時它是對類添加到身體，而不是像<body class="overlay_open">接收件...

我想你明白了一個好主意。如果沒有，你必須先學習一些CSS和JS，然後才能解決效果;）

來源

2017-05-30 13:47:03

哦所以你supose在css文件中做！我雖然jquery有一些「內置效果」謝謝！ – parkourgirl1

可能。但我相當肯定CSS動畫比jQuerys動畫更硬件更高性能。而且我認爲處理方式更優雅。無論如何...如果你想做的很花哨的東西，你不會得到任何內置效果遠;） –

好吧，謝謝！ – parkourgirl1

動畫/添加效果的東西？ JQUERY

回答

相關問題