2 tianguozhiya tianguozhiya 于 2016.09.08 10:14 提问

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

怎么样在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>

效果图:
图片说明

1个回答

showbo
showbo   Ds   Rxr 2016.09.08 11:07

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

tianguozhiya
tianguozhiya 求个代码么大神,我写的好像没起作用
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片