首页 > 社区问答列表 >javascript - js滑动与进度是怎么写的?

  javascript - js滑动与进度是怎么写的? 抽取中奖名额

比如摄像头效果
曝光时间
图像亮度50
图像对比度50
图像饱和度50
图像清晰度50
当拿亮度调到51. js这块怎么得知51?

PHPz
PHPz

学习是最好的投资!

  • PHPz
  • PHPz   采纳为最佳   2017-04-11 10:14:14 6楼

    用纯JS写的话,通常是在一个p放另一个不同颜色的p,然后改变里面p的大小来达到模拟进度条的效果。

    圆点的位置就监听mousedown,mouseover,和mouseup,然后修改小圆点的margin值来模拟移动,然后大小就是margin值和整个p的width的比值。

    +0 添加回复

  • 回复
  • 怪我咯
  • 怪我咯   采纳为最佳   2017-04-11 10:14:14 5楼

    进度条一般是写两个p套在一起,外面那层是进度条,里面那个是进度条的进度。背景颜色要不一样例如:


    而你就只是控制里面p的width就可以的。用animate()实现滑动的效果。

    而如果是要像你图那样的话,把里层的p的圆圈写出来,只要给自己的通过相对位置控制里面p的位置就好了。

    +0 添加回复

  • 回复
  • PHPz
  • PHPz   采纳为最佳   2017-04-11 10:14:14 3楼

    滑块不模拟的话,用html input type=range 去实现,直接可以得到数值,模拟的话就用JS位置/总长度去计算

    +0 添加回复

  • 回复