Question

这是我想要做的事情：

有一个包含3个状态的滚动条。

状态1.）h1和h2文本和背景颜色。 State2。）h1和h2文本和背景颜色。 State3。）h1和h2文本和背景颜色。

滚动条/滑块应该能够拖动到任何状态，更改该状态的文本和CSS。

我也希望当它到达移动设备时，它会成为带有前/后箭头的基本滑块。

感谢任何帮助。

这是我正在使用的当前代码。 http://jsfiddle.net/mRW7m/

    $(function() {
$( "#slider" ).slider({
value:100,
min: 0,
max: 100,
step: 50,
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.value );
}
});
$( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
});

<p>
<label for="amount">Donation amount ($50 increments):</label>
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;">
</p>
<div id="slider"></div>

现在它在基于价值的基础上递增，我不知道如何将其改为不同。我可以设置三个div，这样就可以改变div？

最好这样说：当值= 0然后使可见的div 0，当值为1时，使可见的div1等？

滑块使用滚动条

0 个答案: