js用鼠标滑轮控制图片左右切换

在JSP页面中怎么样用鼠标滑轮上下滑动实现图片左右切换效果，如下图：

JSP代码：

 <div class="hzjg">
  <div id="ca-container" class="ca-container">
    <div class="ca-wrapper">
    <c:forEach items="${siInfoList}" var="item" varStatus="status" begin="0" end="6" step="1">
      <div class="ca-item ca-item">
        <div class="ca-item-main">
          <img src="${imageUrl}${item.LOGO}" width="164px" height="80px"  title="${item.SINAME}" onerror="nofind();">
        </div>
      </div>
      </c:forEach>
    </div>
  </div>
</div>

http://www.csrcode.cn/html/txdm/txtx/4440.htm

javascript鼠标滚轮滚动事件