发表于： 2016-04-09 02:55:42
1 2061
今天完成的事情：
玩了一天的滑动条，然后整理了一下要实现哪些JS功能的，最后走入了JQ的坑。明天要吃下JQ的安利了再继续task2的JS部分。（所以我到底应该做角色分配和总人数的双向调整吗。。？
明天计划的事情：
把JQ吃完，剩下的时间尽量早点完成task2.
遇到的问题：
<input type="range">需求浏览器版本，而且样式改变太麻烦了。于是我选择了放弃然后自己写。
样式的改写方式跟radio大同小异，需要用到伪类——
::-webkit-slider-runnable-track::-webkit-slider-thumb前者控制轨道，后者控制小滑块（没错就是那个物理学中的完美模型小滑块！
修改样式必须取消默认样式——
-webkit-appearance: none;所以为了能更好的自定义样式，只能自写然后通过JS控制——
参考百度到的，滑动条共包含3个部分：sliderBar(轨道），fillLower（滑过后填充变色部分），slider（小滑块！）写法是直接用.sliderBar的div作为父级容器，在其中写入div.fillLower和div.slider，最后调整样式。
最后：<script>到底应该放<head>还是<body>里？引用自http://www.v2ex.com/t/67752
简单点说的话——调用类的都是放在head部分，而本页面的JS脚本就直接写在body中（我很认同另一个人的想法
收获：
获得【slider】x1
获得【<script>书写位置】x1
返回列表
评论