Three.jsを使って、作ってみた

プログラミング関連の事を色々書いています(^^) 週末はレストランやコンビニのお菓子のことを書いています。

jQuery マウスオーバー hover

今回は、jQueryのhoverについて書きます。


hoverは、マウスオーバー の処理ができるメソッドです。


こんな感じに使います。

<body>
		<p>Hello</p>
	<script>
		$(function(){

			$('p').hover(
			  function () {
			    $(this).css('background', 'red');
			  },
			  function () {
			    $(this).css('background', '');
			  }
			);

		});
	</script>
</body>

実行結果
f:id:gupuru:20140619215847p:plain

上のプログラムでは、マウスオーバーすると、背景が赤色になり、マウスが離れるともとに戻ります。

引数は、こんな感じです↓

$(セレクタ).hover( function, function )

マウスカーソルが要素の上に乗った時に、第一引数の関数を実行します。
マウスが要素から外れた時には第二引数が実行されます。


これで、終わります。


参考サイト
hover(over, out) - jQuery 日本語リファレンス

広告を非表示にする