这有个图片滚放大缩小的例子,
<script language="javascript">
var count = 10;
function Picture()
{
count = Counting(count);
Resize(count);
return false;
}function Counting(count){
if (event.wheelDelta >= 120)
count++;
else if (event.wheelDelta <= -120)
count--;
return count;
}
function Resize(count){
oImage.style.zoom = count + '0%';
oCounter.innerText = count + '0%';
}
</script>
<img id="oImage" src="http://images.163.com/homepage/logo.gif" onmousewheel="return Picture();" >你注意红字部分
<script language="javascript">
var count = 10;
function Picture()
{
count = Counting(count);
Resize(count);
return false;
}function Counting(count){
if (event.wheelDelta >= 120)
count++;
else if (event.wheelDelta <= -120)
count--;
return count;
}
function Resize(count){
oImage.style.zoom = count + '0%';
oCounter.innerText = count + '0%';
}
</script>
<img id="oImage" src="http://images.163.com/homepage/logo.gif" onmousewheel="return Picture();" >你注意红字部分
event.wheelDelta
<script>
document.onmousewheel=function(evt){
evt=evt?evt:event;
alert(event.wheelDelta);
}
</script>
<script>
document.onmousewheel=function(evt){
evt=evt?evt:event;
alert(event.wheelDelta);
}
</script>