慕少森
2022-08-04 15:59:46
如何通過jQuery使用范圍滑塊控制CSS?一些示例代碼:$('.font_size').on('input', function() { var fontsizeval = $(this).attr('value'); var fontsizemin = $(this).attr('min'); var fontsizemax = $(this).attr('max'); $('.text').css("font-size", fontsizeval + "px");});* { font-size: 12px;}.text { font-size: 120px;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="text">Text <div> Font Size: <input class="font_size" type="range" value="120" min="30" max="200">
1 回答

手掌心
TA貢獻(xiàn)1942條經(jīng)驗(yàn) 獲得超3個(gè)贊
使用而不是val()attr("value")
$('.font_size').on('input', function() {
var fontsizeval = $(this).val();
var fontsizemin = $(this).attr('min');
var fontsizemax = $(this).attr('max');
$('.text').css("font-size", fontsizeval + "px");
});
* {
font-size: 12px;
}
.text {
font-size: 120px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Font Size: <input class="font_size" type="range" value="120" min="30" max="200">
<div class="text">Text
<div>
添加回答
舉報(bào)
0/150
提交
取消