最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js实现兼容PC端和移动端滑块拖动选择数字效果
时间：2017-04-11 编辑：简简单单 来源：一聚教程网
本文为大家分享了js实现移动端滑块拖动选择数字的效果，可以通过鼠标拖拽滑动效果来选择数字，供大家参考，具体内容如下
| 代码如下 | 复制代码 |
.lineDiv { position: relative; height: 5px; background: red; width: 300px; margin: 50px auto; }
.lineDiv .minDiv { position: absolute; top: -5px; left: 0; width: 15px; height: 15px; background: green; cursor: pointer }
.lineDiv .minDiv .vals { position: absolute; font-size: 20px; top: -45px; left: -10px; width: 35px; height: 35px; line-height: 35px; text-align: center; background: blue; }
.lineDiv .minDiv .vals:after { content: ""; width: 0px; height: 0px; border-top: 6px solid blue; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid transparent; display: block; margin-left: 11px; }
用鼠标拖动小方块 | |