文章内容中字体放大或缩小
来源:互联网 发布:windows10优化设置 编辑:程序博客网 时间:2024/05/08 04:58
/* 放大字体 */
function change_font (type) {
// 获取html中的文章内容
var data = $('#article_content').html();
// 正则匹配
var mt = /font-size:.*?px;/g;
var sp = data.split(mt);
var pt = data.match(mt);
var orgfont = document.getElementById('article_content').style.fontSize;
// 文章内容整体字体大小
orgfont = orgfont ? orgfont : 16;
orgfont = (type == 'big') ? parseInt(orgfont)+2 : parseInt(orgfont)-2;
orgfont = (orgfont <= 12) ? 12 : orgfont;
$('#article_content').css('font-size', orgfont+'px');
if (!pt) return;
var ret = [];
$.each(pt, function (i, o) {
var o1 = o.split(':');
var dt = o1[1].replace(' ','');
dt = dt.replace('px;', '');
var dtt = (type =='big') ? parseInt(dt)+2 : parseInt(dt)-2;
dtt = (dtt <= 12) ? 12 : dtt;
var oo = 'font-size: '+dtt+'px;';
ret.push(oo);
})
// 分割的数组中最后一个不再给予字体大小
var retlen = ret.length;
var html = "";
$.each(sp, function (i, o) {
html += (retlen == i) ? o : o+ret[i];
})
$('#article_content').html(html);
}
- 文章内容中字体放大或缩小
- JS实现字体放大或缩小
- 网页中放大、缩小字体的实现
- 字体放大缩小
- 如何放大或缩小浏览器的显示字体
- word整体放大、缩小字体
- jquery 控制字体放大缩小
- C#中上传图片按比例自动缩小或放大
- .Net中上传图片按比例自动缩小或放大
- .Net中上传图片按比例自动缩小或放大
- Android中显示图片进行放大或缩小
- 打印时放大或缩小
- UIImage图形放大或缩小
- 图片的放大或缩小
- 窗体放大或者缩小,页面同步放大或缩小
- ubuntu终端下字体放大缩小快捷键
- 字体放大缩小及样式变化
- Ubuntu16.04 shell字体放大缩小
- Git本地提交
- BigDecimal详解
- 一些算法小例子
- 链路聚合技术
- Attention Model 在自然语言处理里的应用
- 文章内容中字体放大或缩小
- Ubuntu 16.04 software闪退处理办法
- UE4里的渲染线程
- D3.js操作符内的可用变量(variable available)
- 【Spring】Spring Framework Reference Documentation中文版9
- js接口的方式实现模板方法
- Runtime的介绍与简单运用(一)
- Thinkphp 3.1.* session 指向redis
- leetcode_middle_23_452. Minimum Number of Arrows to Burst Balloons