发表于: 2016-12-14 22:36:01
2 1455
今天完成的事情:
今天完成了任务2的滑块和显示部分。
网上找资料,终于做出了滑动滑块,使上半部份的轨道和下半部分的轨道颜色不同的方法。
学习狗哥的代码,知道了滑块的js代码逻辑,就是定义两个加减函数和两个联动函数,将加号,减号,input range和input number的value值联动在一起。
明天计划的事情:
写角色分配部分的js代码。
遇到的问题:
无法通过加减符号来控制浮块轨道的颜色,两个js代码不知道怎么联动,详情见页面。
http://119.10.57.69:880/jnshu067/js-task2/js-task2.html
收获:
1.修改input range的方法。
http://www.w3cplus.com/html5/styling-cross-browser-compatible-range-inputs-css.html
http://blog.csdn.net/u013347241/article/details/51560290
另外还有一个多浏览器兼容的滑块生成器:
http://danielstern.ca/range.css/#/
2. 写js时一定要注意定义初始值,不然会函数首次运行会出错。
评论