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

 更新 2020-07-15 浏览 814次

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