javascript字体,javascript字体变大

javascript 字体变大变小

html

光明网站建设公司创新互联,光明网站设计制作，有大型网站制作公司丰富经验。已为光明近1000家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱，请找那个售后服务好的光明做网站的公司定做！

head

script type="text/javascript"

var fontSize=16;

function changeBigger(){

if(document.getElementById("abc").style.fontSize)

document.getElementById("abc").style.fontSize=(document.getElementById("abc").style.fontSize.replace("px","")*1+1)+"px";

else

document.getElementById("abc").style.fontSize=(fontSize+1)+"px";

fontSize++;

}

function changeSmaller(){

if(document.getElementById("abc").style.fontSize)

document.getElementById("abc").style.fontSize=(document.getElementById("abc").style.fontSize.replace("px","")*1-1)+"px";

else

document.getElementById("abc").style.fontSize=(fontSize-1)+"px";

fontSize--;

}

/script

/head

body

div id="abc"这里有一段内容/div

input type="button" value="bigger"onclick="changeBigger()"

input type="button" value="smaller"onclick="changeSmaller()"

/body

/html

字体大小默认16

javascript字体大小

#CountMsg{

height:100%;

border:1px solid red;

font-size:40px;

text-align:center;

line-height:680px;

}

你可以在样式里面加上以上代码

如果感觉垂直高度不行 就改line-height的值 意思是文本的行高

javascript控制字体

html

head

titleChange Font/title

script language="javascript" type="text/javascript"

function changeMe(what)

{

var fontFlag = what.id;

if (fontFlag == "KaiTi"){

document.getElementById("msg").style.fontFamily = "Times New Roman";

} else if (fontFlag == "HeiTi"){

document.getElementById("msg").style.fontFamily = "Arial, Sans";

}

}

/script

/head

body

span id="msg"Hello,Guy!Are You OK!/span

hr/

input type="radio" id="KaiTi" name="fonts" value="楷体" onclick="changeMe(this)"/楷体

input type="radio" id="HeiTi" name="fonts" value="黑体" onclick="changeMe(this)"/黑体

/body

/html

以上代码已经过测试，可以直接运行，对于你要的字体，可以search下JavaScript字体编码，例子中可能与你提出的不符。希望对你有所帮助。

怎样设置javascript字体

用js方法来实现，代码为：document.getElementById("t").style.color="red"; 说明：上面的"t"可以根据自己需要修改，具体代码参考： 登陆通行证 function chcolor(){ document.getElementById("t").style.color="red"; }

文章名称：javascript字体,javascript字体变大
网页地址：http://bjjierui.cn/article/dsshhgh.html