三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之

volume滑动块——html5中input type=’range’的模拟
作者:Neoxone    发表时间: 2010年08月13号,星期五     阅读:19,034 次

为了面向web application,html5在elements上做了很多增强。包括新增了很多元素,如progress,datagrid,video等等,也如包括对input等一些元素做了扩展。
input元素的type做了扩展,type=”range”便是其一。

直接看效果(chrome/safari/opera支持)

作为一个调节量值的滑动块,在未来的应用当中将会很使用的很频繁。

在html5时代还为真正来临时,我们还必须照顾到那些老浏览器。
所以用js模拟一个。(也很简单,使用图片的话,模拟起来就像了。)

附加一个新效果:两个滑块确定一个区间范围。

标签: ,

留下回复

):9:( ):8:( ):7:( ):6:( ):5:( ):4:( ):3:( ):2:( ):20:( ):1:( ):19:( ):18:( ):17:( ):16:( ):15:( ):14:( ):13:( ):12:( ):11:( ):10:(