使用jQuery实现字体大小动态调整
  • 分享到微信朋友圈
    X
立即下载 查看演示

jQuery可以使用CSS来设置字体大小。 在jQuery中使用css()方法，可以直接定义css 字体大小。

纯文本
点击复制
Open code in new window
EnlighterJS 3 Syntax Highlighter
<script>
$("#example").css("font-size", "20px");
</script>
<script> $("#example").css("font-size", "20px"); </script>
Expand
<script>
    $("#example").css("font-size", "20px");
</script>

使用方法：

首先引用jquery文件

纯文本
点击复制
Open code in new window
EnlighterJS 3 Syntax Highlighter
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.min.js" type="text/javascript"></script>
Expand
<script src="js/jquery.min.js" type="text/javascript"></script>

主要js

纯文本
点击复制
Open code in new window
EnlighterJS 3 Syntax Highlighter
<script>
function changesize(b, a) {
$(b).addClass("cur").siblings("a").removeClass("cur");
$("#cont").css("font-size", a).find("*").css("font-size", a);
}
</script>
<script> function changesize(b, a) { $(b).addClass("cur").siblings("a").removeClass("cur"); $("#cont").css("font-size", a).find("*").css("font-size", a); } </script>
Expand
<script>
    function changesize(b, a) {
        $(b).addClass("cur").siblings("a").removeClass("cur");
        $("#cont").css("font-size", a).find("*").css("font-size", a);
    } 
</script>