Home > Javascript | jQuery | フレームワーク > 特定の要素の上でマウスホイールのイベントを取る。(jQuery)

特定の要素の上でマウスホイールのイベントを取る。(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>

以上

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://red-treasure.com/report/wp-trackback.php?p=92
Listed below are links to weblogs that reference
特定の要素の上でマウスホイールのイベントを取る。(jQuery) from コスミー報告書[社外秘]

Home > Javascript | jQuery | フレームワーク > 特定の要素の上でマウスホイールのイベントを取る。(jQuery)

Search
Feeds
Meta
 合計:016020
 今日:0018 昨日:0168

Return to page top