2017-09-02 101 views
0

私の割り当てでは、jqueryのみを使用する必要があります。実用的ではないようですが、私は限られています。私はホバー状態を行う方法を理解することができましたが、スタイルが適用されると、それはそのままです。だからこれをチェックしてください..jQueryを使用してホバー状態を元に戻す方法は?

$(".cta-button").css({ 
     background: "#476887", 
     "text-align": "center", 
     width: "173px", 
     height: "40px", 
     margin: "62px auto 33px", 
     cursor: "pointer" 
    }); 
    $(".cta-button").hover(function() { 
     $(this).css("background-color", "#509de5"); 
    }); 

私がもはやホバリングしていないとき、元の背景色に戻したいと思います。これをどうやって行うのですか?ありがとう!!

+2

https://api.jquery.com/hover/ –

+2

ような何かを試すことができます何をしたいですか? 'hover()'は** 2つの**機能を受け入れます.1つはマウス入力用、もう1つはマウス出力用です。 – adeneo

+0

ライブラリのドキュメントを読む.... – epascarello

答えて

2

mouseoverイベントを追加することができますホバー状態、マウス入力などとして翻訳することができるhandlerInと呼ばれ、handlerOutは「マウスの離脱」に対応します

電子あなたは、あなたがすべてでドキュメントを読みました。この

$('DOM_NODE').hover(mouseEnter, mouseLeave); 
function mouseEnter() { 
    // do something when the mouse enters the dom node 
}; 
function mouseLeave() { 
    // do something when the mouse leaves the dom node 
}; 
+0

mouseEnter not mouserEnter –

+0

これはドキュメントに記載されていたもので、最初にお読みください。 Googleの検索ではなく、ドキュメントを読む時間を増やしていきます。ありがとう! – Dres

0

あなたは、あなたが簡単にドキュメントに記載されているようにhover method of jQuery

を使用することによって、この方法は、最初の1があり、1〜2の引数を受け入れることができる達成することができます
a fiddle

$(".cta-button").css({ 
     background: "#476887", 
     "text-align": "center", 
     width: "173px", 
     height: "40px", 
     margin: "62px auto 33px", 
     cursor: "pointer" 
    }); 
    $(".cta-button").hover(function() { 
     $(this).css("background-color", "#509de5"); 
    }).mouseover(function() { 
     $(this).css("background-color", "#476887"); 
    }); 
関連する問題