特定の要素の上でマウスホイールのイベントを取る。(jQuery)

jQueryのマウスホイール・イベントを取ってくれるプラグイン
その要素の上でだけ取ってくれます。
つまり下のような感じ。黒いところでマウスホイールをくりくりすると数字が変わります。(はず)

ソースは下記。mousewheel()で追加するだけです。


<style>
#test_area {
	background-color: #000000;
	width: 100px;
	height: 15px;
	color: #ffffff;
}
</style>
<script type="text/javascript">
	var count = 0;
	$(function() {
		$('#test_area')
			.mousewheel(function(event, delta) {
				if (delta > 0)
					$('#test_area').html(--count);
				else if (delta < 0)
					$('#test_area').html(++count);
				return false; // prevent default
			});
		});
</script>
<div id="test_area">0</div>

以上

コスミー について

昔(?)はゲーム作ってました。 今もなんか作ろうとしています。
カテゴリー: Javascript, jQuery, フレームワーク パーマリンク

コメントを残す

メールアドレスが公開されることはありません。