Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery：使用范围滑块控制CSS_Javascript_Jquery - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript jQuery：使用范围滑块控制CSS

Javascript jQuery：使用范围滑块控制CSS

javascript jquery

Javascript jQuery：使用范围滑块控制CSS,javascript,jquery,Javascript,Jquery,如何通过jQuery使用范围滑块控制CSS 一些示例代码： $（'.font\u size'）。在（'input'，function（）上{ var fontsizeval=$（this.attr（'value'）； var fontsizemin=$（this.attr（'min'）； var fontsizemax=$（this.attr（'max'）； $（'.text'）.css（“字体大小”，fontsizeval+“px”）； }); *{ 字体大小：12px； } .文本{ 字体

如何通过jQuery使用范围滑块控制CSS

一些示例代码：

$（'.font\u size'）。在（'input'，function（）上{
var fontsizeval=$（this.attr（'value'）；
var fontsizemin=$（this.attr（'min'）；
var fontsizemax=$（this.attr（'max'）；
$（'.text'）.css（“字体大小”，fontsizeval+“px”）；
});

*{
字体大小：12px；
}
.文本{
字体大小：120px；
}



文本
字体大小：
使用
val（）
而不是
attr（“value”）



$（'.font\u size'）。在（'input'，function（）上{
var fontsizeval=$（this.val（）；
var fontsizemin=$（this.attr（'min'）；
var fontsizemax=$（this.attr（'max'）；
$（'.text'）.css（“字体大小”，fontsizeval+“px”）；
});

*{
字体大小：12px；
}
.文本{
字体大小：120px；
}



字体大小：
文本