<SCRIPT LANGUAGE="JavaScript">
<!--
var verticalDistance = 1;
function shiftUpDown() {
  objImage.style.position = "relative";
  verticalDistance = countRotations(verticalDistance);
  objImage.style.top = verticalDistance * 10;
  return false;
}

function countRotations(addRotations) {
  addRotations += event.wheelDelta/120;   
  return addRotations; 
}
// -->
</SCRIPT>

<IMG ID="objImage" SRC="football.jpg" onmousewheel="shiftUpDown()" WIDTH="400"
HEIGHT="266">

People who read this tip also read these tips:

• Netscape 6 Event Handler Specification
• The setCapture() Method
• Detecting a Modifier Key
• Passing Events in Navigator