使用 jquery 滑块时,我想将所选范围的默认颜色从灰色更改为蓝色。
$(document).ready(function () {
var slider = $('.slider').slider({
range: "min",
min: 0,
max: 100,
change: function (e, ui) {
// $("#img1").fadeOut();
// alert("done");
},
slide: function (e, ui) {
var point = ui.value;
$("#selected_value").html(point);
var width = 100 - point;
$("#range").css({ "width": point + "%" });
}
});
my html:
<div>
Min: <span id="selected_value">0</span><br />
</div>
<div>
<div class="slider"><div id="range"></div></div>
</div>
和我的CSS:
#range
{
position:absolute;
height:100%;
top: 0;
background-color:Blue;
}
您需要使用 CSS 来指定它:
div.ui-slider-range.ui-widget-header {
background: blue;
}
如果您只想定位滑块的子集,请相应地限制选择器。
查看实际效果 http://jsfiddle.net/vrVWT/1/.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)