亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

jQuery：使用范圍滑塊控制 CSS

jQuery：使用范圍滑塊控制 CSS

慕少森 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貢獻1942條經驗 獲得超3個贊

使用而不是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>


查看完整回答
反對 回復 2022-08-04
  • 1 回答
  • 0 關注
  • 114 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號