代码使用指南

实现字体大中小的另一种方法

2016-9-28|发布：合元网络|点击数: 1525

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>实现字体大中小的另一种方法</title>

<!--

body {font-size:14px}

-->

</style>

function $(xixi) {

return document.getElementById(xixi);

}

//转换字号

function doZoom(size){

if(size==12){

$("contentText").style.fontSize = size + "px";

$("fs12").style.display = "";

$("fs14").style.display = "none";

$("fs16").style.display = "none";

}

if(size==14){

$("contentText").style.fontSize = size + "px";

$("fs12").style.display = "none";

$("fs14").style.display = "";

$("fs16").style.display = "none";

}

if(size==16){

$("contentText").style.fontSize = size + "px";

$("fs12").style.display = "none";

$("fs14").style.display = "none";

$("fs16").style.display = "";

}

</SCRIPT>

</head>

<body>

<DIV class=fontSize id=fs12 style="DISPLAY: none"><A

href="javascript:doZoom(16)">大</A> <A

href="javascript:doZoom(14)">中</A> <SPAN>小</SPAN></DIV>

<DIV class=fontSize id=fs14><A

href="javascript:doZoom(16)">大</A> <SPAN>中</SPAN> <A

href="javascript:doZoom(12)">小</A></DIV>

<DIV class=fontSize id=fs16 style="DISPLAY: none"><SPAN>大</SPAN> <A

href="javascript:doZoom(14)">中</A> <A

href="javascript:doZoom(12)">小</A></DIV>

<DIV id=contentText>我是你的玫瑰花</DIV>

</body>

</html>

上一篇：悬停提示代码

下一篇：js单行消息滚动代码，可添加无数个

分享到：