滚动条滑动图片列表效果支持快捷键

 更新 2020-07-15 浏览 560次

滚动条滑动图片列表效果支持快捷键
描述:原生js仿苹果官网商品图片列表滑块滚动预览展示代码。 ① 拖动滚动条,图片列表缓冲滑动至目标点; ② 滚动条两端鼠标移入自动滑动; ③ 滚动条滑动到两端自动更换为停止标识; ④ 点击滚动条黑色背景区,滚动条及图片列表缓冲滑动至目标点; ⑤ 支持键盘左右键; ⑥ 支持鼠标滚轮。
文件目录结构
  • ┝ .url
  • images
      • ┝ 01.gif
      • ┝ 02.gif
      • ┝ 03.gif
      • ┝ 1.jpg
      • ┝ 10.jpg
      • ┝ 2.jpg
      • ┝ 3.jpg
      • ┝ 4.jpg
      • ┝ 5.jpg
      • ┝ 6.jpg
      • ┝ 7.jpg
      • ┝ 8.jpg
      • ┝ 9.jpg
  • ┝ index.html
  • js
    • ┝ www.zzsucai.com.txt
    展开查看全部
    图片图文滚动滚动条滑动
    相关内容