发表于: 2017-04-27 22:56:44

1 983


今天完成的事情:

       1.了解洗牌算法,创建一列数组,尝试随机打乱顺序

          var arr1 = ["a", "b", "c", "d"];

       2.基本完成了参数设置的样式页面。

       3.滑动条的写法以及修改样式。

          去除默认样式:

input[type=range]{
-webkit-appearance: none;
   width: 70%;
   margin: 0 15%;
}

          给滑块(thumb)添加样式:

input[type=range]::-webkit-slider-thumb{
-webkit-appearance: none;
   width: 50px;
   height: 30px;
   margin-top: -12.5px;
   background: #fff;
   border-radius: 10px;
   border: 2px solid orange;
}

          给滑动轨道(track)添加样式:

input[type=range]::-webkit-slider-runnable-track{
height: 5px;
   background: orange;
}

         尝试监听事件,当value改变时触发

<script>
var change = function($input) {
/*内容自定义*/
 console.log("123");
}
$('input').RangeSlider({ min: 0,   max: 100,  step: 0.1,  callback: change});
</script>


明天计划的事情:

       完成任务2


问题:

       对设置人数那一块没什么思路。。。。。


收获:

      如上


返回列表 返回列表
评论

    分享到