发表于: 2017-04-27 22:56:44
1 982
今天完成的事情:
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
问题:
对设置人数那一块没什么思路。。。。。
收获:
如上
评论