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>
以上