javascript 改变字体大小方法集合 原创

第一种方法： 分为 大 中 小 控制正文字体大小，一般需要指定 id

#content {font-size:12px;
line-height:200%;
padding:10px;
}

function setfont(size)
{
var obj;
obj=document.getElementById("content");
obj.style.fontSize=size;
//obj.style.color="#ff0000";
}

字体: 小中大

我们 www.jb51.net 欢迎大家的光临。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

第二种方法，用的不多，有特殊需要的可以用。这个是设置body中所有的大小设置，不如上面的代码就控制正文的字体大小。大家可以根据自己的需要选用。注意多测试。

var tgs = new Array( 'div','td','tr');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz 6 ) sz = 6;
startSz = sz;
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i

.tabfont{font-size:12px}

+ 放大字体 | + 减小字体

我们 www.jb51.net 这个是设置body中所有的大小设置，不如上面的代码就控制正文的字体大小。大家可以根据自己的需要选用。注意多测试。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

第三种方法： 只有增加 减小 两种方法，不过很实用，本站也是用的这种方法

#content {font-size:12px;
line-height:200%;
padding:10px;
}

//更改字体大小
var status0='';
var curfontsize=10;
var curlineheight=18;
function turnsmall(){
if(curfontsize>10){
document.getElementById('art_content').style.fontSize=(--curfontsize)+'pt';
document.getElementById('art_content').style.lineHeight=(--curlineheight)+'pt';
}
}
function turnbig(){
if(curfontsize

字体：[增加 减小]

我们 测试文本代码

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • 通过JavaScript控制字体大小的代码

    为了此代码到您的网页必须使用像素大小的字体(PX),而不是相对大小的字体,使用"EM"或"%".当然如果你使用其他字体单位的代码可以很容易地适应这些.如果脚本不能找到一个段落的字体大小,它会默认为12px.核心代码: 复制代码 代码如下: var min=8;var max=18;function increaseFontSize() {   var p = document.getElementsByTagName('p');   for(i=0;i<p.l

  • js实现动态改变字体大小代码

    在很多大网站上为了提高用户方便阅读文字,都提供有字体大小选择功能,以适应不同年龄段人群的阅读需求,其实这种功能实现起来也很简单,修改起来也方便,字体大号由你来定,默认字体大小可以CSS页面中定义,一般网页的标准字体是9pt,也就是12px: 实例代码一: <!DOCTYPE html> <html> <head> <title>修改字体大小.html</title> <meta http-equiv="keywords"

  • js改变文章字体大小的实例代码

    刚来公司的时候领导给分配的都是一些简单的简单的简单的.....任务 一次叫我把文章的字体大小变换功能写出来.在网上搜了很多都不管用!不过功夫不负有心人还是被我找到了!拿出来分享下! 复制代码 代码如下: <script type="text/javascript">    Function SetFont(size){        var divBody = document.getElementById("news_content");       

  • ExtJs默认的字体大小改变的几种方法(自己整理)

    以下列出网上收集的几种方法,希望对大家有用. 1. 只需把ext-all.css样式文件中的所有11px换成12px,这样就为统一的12px的字体了. 但是如果再想增大,那么这时候不光是把源文件的11px换成15px,而且需要把里面和font有关的12px换成15px. 改完之后按钮出现毛边,在样式文件中加 复制代码 代码如下: .ext-ie .x-btn-text-icon .x-btn-center .x-btn-text { padding:3px 0px 0px 0px; } 毛边就不

  • JavaScript 文本域字体大小选择功能

    文本框字体选择 选择字体 for (i=9;i"+i+"pt字体\n");} function NYSfont() {if((fontslt.selectedIndex!=-1) && (fontslt.selectedIndex!=0)){readcontent.style.fontSize=fontslt.options[fontslt.selectedIndex].value;}} 这里的字体会跟着你的选择而变化 [Ctrl+A 全选 注:如需引入外部J

  • js如何改变文章的字体大小

    js如何改变文章的字体大小

    最近发现有许多朋友提问:使用js如何改变一篇文章的字体的大小? 小编查阅了相关文章,为大家整理了几个小案例,供大家参考,具体内容如下 效果图: 点击大.小按钮,随时切换字体大小 具体代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>使用js如果改变一篇文章字体的大小</ti

  • javascript 改变字体大小方法集合 原创

    第一种方法: 分为 大 中 小 控制正文字体大小,一般需要指定 id #content {font-size:12px; line-height:200%; padding:10px; } function setfont(size) { var obj; obj=document.getElementById("content"); obj.style.fontSize=size; //obj.style.color="#ff0000"; } 字体: 小中大 我们

  • JavaScript 控制字体大小设置的方法

    在做公司的官网的时候,新闻内页会有一个让浏览者自己调整文字大小的功能,因此在这个空闲时间,把这个功能整理下来: function setFontSize (id,content,params){ var oTarget = document.getElementById(id), content = document.getElementById(content), size = params.size || 14, maxSize = params.maxSize || 20, step =

  • jquery更换文章内容与改变字体大小代码

    复制代码 代码如下: <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script language="javascript教程" src="到jquery官网下载jquery文件.js"></script>

  • Android开发改变字体颜色方法

    在TextView中添加文本时有时会改变一些文本字体的颜色,今天主要分享三种实现方法及相关优缺点. 1.通过html标签改变文本颜色 复制代码 代码如下: tv.setText(Html.fromHtml("我是<font color=blue>danyijiangnan</font>")); 点评:通过Html.fromHtml()方法就可以在字符串中使用html的标签,通过font标签可以改变字体的格式.麦子学院-国内最专业的IT在线教育平台. 2.在act

  • JavaScript去掉空格的方法集合

    实现1 复制代码 代码如下: String.prototype.trim = function () { return this .replace(/^\s\s*/, '' ).replace(/\s\s*$/, '' ); } 看起来不怎么样,动用了两次正则替换,实际速度非常惊人,主要得益于浏览器的内部优化.一个著名的例子字符串拼接,直接相加比用Array做成的StringBuffer还快.base2类库使用这种实现. 实现2 复制代码 代码如下: String.prototype.trim

  • listview改变字体大小实例讲解

    listview改变字体大小实例讲解

    效果:点击字体,字体变大 主要利用的getView()方法和setOnItemClickListener()方法 ListText.java 复制代码 代码如下: package lt.com; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import android.app.Activity; import android.app.Alert

  • js判断是否有中文的脚本_js判断中文方法集合 原创

    判断是否有中文的思路就是前后可以有任何字符,只要符合这个匹配就可以解决这个问题,而且代码简洁,思路明了js判断是否有中文第一种方法 //www.jb51.net 我们 function funcChina(){ var obj = document.form1.txtName.value; if(/.*[\u4e00-\u9fa5]+.*$/.test(obj)) { alert("不能含有汉字!"); return false; } return true; } [Ctrl+A 全选

  • javascript 页面跳转方法集合

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] window.location和window.open的区别 window.location = "http://www.jb51.net" 跳转后有后退功能 window.location.replace("http://www.jb51.net") 跳转后没有后退功能 window.open("http://www.jb51.net") 要新的窗口打开链接

随机推荐