2011-12-29 14 views
4

私は特定のタスクに対してjquery/jquery-uiのslideDown()アニメーション機能を使用していました。今、私はこのプロジェクトでjQueryを使用することができなくなるでしょう。私はYUIや他のライブラリを使うこともできません。ですから、純粋なjavascriptを使用してslideDownスタイルのアニメーションを実行する方法があるのでしょうか?純粋なjavascriptのアニメーション、jqueryなし

編集:私は、ウェブページを制御するために、セレンを使用していますので、jQueryをせずにそれをしなければならないし、いくつかの理由で改ページイベントハンドラにjQueryのを追加し、この特定のサイトに。

+6

なぜjQueryの実装を見てみませんか?それはちょうどそこにjavascriptです。 – canon

+1

jQueryが必要ない場合は、なぜあなたの質問に '[jQuery]'タグを追加しましたか?私はそれを削除しました。 –

+0

@RobW問題の機能はjQueryから来ます... – canon

答えて

2

明白な答えは...はい...簡単な質問... jQueryのASYNCの負荷をドキュメントに加えて、それを事実の後に使用したり、他の制限のために使用できないのですか?

最悪の場合、必要な部分を取り除くことができますが、それはあまり意味がありません。 JSのいずれかを編集できる場合は、コードのすぐ上にjQueryを簡単に貼り付けることができます。

+0

jqueryをページに追加すると、既存のイベントハンドラが壊れます。 –

+2

jQueryの 'noConflict()'呼び出しに慣れていますか?あなたが使っているライブラリが何であるか分かりませんが、これが起こるのを防ぐにはかなり良い方法です。 – Seth

5

CSS3を使用してスライドやアニメーションを行うことができます。

.slidable { 
    position: relative; 
    -webkit-animation: Slider 2s ease-in-out; 
} 
@-webkit-keyframes Slider { 
    from { 
    top: 0px; 
    } 
    to { 
    top: 100px; 
    } 
} 

-moz-をFirefoxに使用してください。 Javascriptでも動きを行うことができます。

var top = 0; 
window.Timeout(MoveSomething, 10); 
function MoveSomething { 
    var el = document.getElementById('moveme'); 
    top += 2;  
    el.style.top = top + 'px'; 
    if (top < 100) window.Timeout(MoveSomething, 10); 
} 

コーディングするだけです!

関連する問題