js中html5修改字体大小,jquery设置字体大小插件

jquery-font-size-event.js是一款jquery设置字体大小插件。通过该jquery插件，你可以动态修改网页中指定区域的字体大小。

使用方法

在页面中引入jquery和jquery-font-size-event.js。

HTML结构

如果你想可以让客户动态的修改页面中的文章主体内容的文字大小，例如你的文章主体放在一个元素中。

这里是文章内容...

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy...

然后你可以添加一组用于调整字体大小的元素。

请选择字体大小：

60%

80%

100%

120%

150%

300%

初始化插件

在页面DOM元素加载完毕之后，通过通过下面的方法来初始化该jquery设置字体大小插件。

$('.scaleRadio').on( 'change', function(event) {

var percent = 16*parseInt($(event.target).attr('value'))/100;

$('section').css('font-size', percent+'px');

});

$.onFontSizeChanged( function( e, fontSize ){

console.log('fontSize=', fontSize );

});

js中html5修改字体大小,jquery设置字体大小插件相关推荐

jq设置html的fontsize,Jquery 设置字体大小（font-size）与行高(line-height)
Jquery 设置字体大小(font-size)与行高(line-height) var cssfontSize=$(".txt_container").css('font-siz ...
html字体修改微软字体大小,css设置字体(css怎么调整字体大小)
一般字体的设置包含:字体,字体大小,字体颜色 html设置字体的话有很多标签去设置1. h1,h2,h3,h4,h5,h6 标题其中定义最大的标题. 定义最小的标题.2. 采用. 用Css设置整个 ...
css设置个性字体大小,css设置字体大小的属性名是什么
css设置字体大小的属性名是"font-size",该属性使用css中表示尺寸的单位(px.em.rem等)设置字体大小,也可以使用百分号等单位来设置.实际上font-size设置 ...
微软雅黑html中怎么写,css样式怎么设置字体为微软雅黑？
css样式怎么设置字体为微软雅黑?下面本篇文章就来给大家介绍一下使用CSS设置字体为微软雅黑的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 首先要了解css中是如何控制字体的 ...
修改js文件需要重启服务器,关于Node.js中频繁修改代码重启服务器的问题
我们可以使用一个第三方命名行工具,nodemon 来帮我们解决频繁修改代码重启服务器问题. nodemon 是一个基于 Node.jsNode.js 开发的第三方命令行工具,我们使用的时候需要独立安装 ...
根据屏幕大小动态设置字体rem
//根据屏幕大小动态设置字体rem var docEl = document.documentElement,//当设备的方向变化(设备横向持或纵向持)此事件被触发.绑定此事件时,//注意现在当浏览器 ...
android px转字体大小,用于设置字体大小android sp，px或pt中最常用的字体大小
0 px Pixels - corresponds to actual pixels on the screen. 像素 - 对应于屏幕上的实际像素. in Inches - based on the ...
在html中字怎么修改位置,css怎么设置字体位置？
css怎么设置字体位置?下面本篇文章给大家介绍一下使用CSS设置字体位置的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 方法1:使用text-align属性设置字体的位置 t ...
js中的DOM对象和jQuery对象的比较
1. 二者的不同之处: 通过jQuery获取的元素是一个数组, 数组中包含着原生JS中的DOM对象. 例如, 针对下面的一个div结构: <div id="Box">& ...
xshell字体放大_Xshell设置字体大小和背景颜色的方法
Xshell是一款超级强大的终端模拟器,若是需要使用window系统来远程连接linux系统,那么就需要通过这款软件进行操作.在使用这款软件的时候我们会发现软件的字体大小以及颜色都是默认的黑白色,长期 ...

js中html5修改字体大小,jquery设置字体大小插件

js中html5修改字体大小,jquery设置字体大小插件相关推荐

最新文章

热门文章