js实现鼠标滑轮控制图片左右滚动

Question

怎么样在JSP页面中实现用js控制鼠标滑轮滑动时图片左右滚动啊，大神们可不可以用我给的样式帮我写一个js代码？

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>

效果图：

Answer 1

之前不是回过了，添加滚轮事件，判断滚轮的方向设置容器的scrollLeft增加（向下）或者减少（向上）指定的距离