使用方法
HTML结构
这组滑块的HTML结构就是一个&ly;input type="range">元素。
1 2 3 4 5 6 7 8 | < input type = 'range' id = 'r1' class = 'tip fill fill-replace' value = '7' min = '1' max = '13' /> < input type = 'range' id = 'r2' class = 'tip fill' value = '60' /> < input type = 'range' id = 'r3' class = 'tip' value = '25' step = '25' /> < input type = 'range' id = 'r4' class = 'fill' value = '87' /> |
由于在这个滑块UI设计效果中使用了很多浏览器专用的CSS属性,所以它的效果在各个浏览器中表现的有所不一致。效果最佳的浏览器是webkit内核的浏览器,可以看到全部效果。其它浏览器或多或少有一些效果是不可见的。
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com