javascript 字體變大變小

html

光明網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),光明網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為光明近1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的光明做網(wǎng)站的公司定做！

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"這里有一段內(nèi)容/div

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

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

/body

/html

字體大小默認(rèn)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

以上代碼已經(jīng)過測(cè)試，可以直接運(yùn)行，對(duì)于你要的字體，可以search下JavaScript字體編碼，例子中可能與你提出的不符。希望對(duì)你有所幫助。

怎樣設(shè)置javascript字體

用js方法來實(shí)現(xiàn)，代碼為：document.getElementById("t").style.color="red"; 說明：上面的"t"可以根據(jù)自己需要修改，具體代碼參考： 登陸通行證 function chcolor(){ document.getElementById("t").style.color="red"; }