0

ホバリングしていないときに、ホバーした画像を上に移動し、再び下に戻したいです。CSS3 を使用してこの効果を実現することができましたが、すべてのブラウザーがサポートしているわけではないため、jQuery でも機能させたいと考えています。私はあなたのためにフィドルを作成しました: http://jsfiddle.net/fSthA/2/

ここに私のjQueryコードがあります:

$('.full-circle').mouseOver(
    function(){
        $(this).stop().animate(
            {margin-top: '2'}, 500, 'swing'   
        );//end animate
    },//end function
    function(){
        $(this).stop().animate(
            {margin-top: '15'}, 500, 'swing'
        );//end animate
    }//end function
);//end hover
4

1 に答える 1

1

あなたの質問が何であるかはわかりませんが、あなたのフィドルを変更してjQuery経由で実行しました。CSSトランジション、:hoverスタイルを削除し、jQueryをフィドルに追加し、呼び出しを次の代わりにanimate使用するように変更する必要がありました。marginTopmargin-top

$('.full-circle').hover(
    function(){
        $(this).stop().animate(
            {marginTop: '2'}, 500, 'linear'   
        );//end animate
     },//end function
    function(){
        $(this).stop().animate(
            {marginTop: '15'}, 500, 'linear'
        );//end animate
    }//end function
);//end hover

http://jsfiddle.net/fSthA/5/

于 2013-04-08T02:05:59.290 に答える