一个实现字体大中小方法的JavaScript代码

ttx9n · 发表于 2011-8-4 18:35:21

再发一个实现字体大中小方法的JavaScript代码，这种效果估计大家在网上见到挺多了，点击适时改变网页上字体的大小，以适合不同人群的浏览体验，本代码较简单，使用方便。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>实现字体大中小的另一种方法</title> 
<style type="text/css"> 
 
</style> 
<SCRIPT type=text/javascript> 
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> 
<A 
href="javascript:doZoom(16)">大</A> <A 
href="javascript:doZoom(14)">中</A> 小 
<A 
href="javascript:doZoom(16)">大</A> 中 <A 
href="javascript:doZoom(12)">小</A> 
大 <A 
href="javascript:doZoom(14)">中</A> <A 
href="javascript:doZoom(12)">小</A>

我是你的玫瑰花 
</body> 
</html>

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

回复用户5 · 发表于 2022-9-22 02:26:15

搞个免费的用用

lba36h7g · 发表于 2023-1-11 14:47:23

加快速度很快就撒谎

6q8s6p21 · 发表于 2023-1-12 21:09:25

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

cxst1h57 · 发表于 2023-2-4 14:40:27

这个源码不错啊

v3sfsi · 发表于 2023-7-29 16:02:06

谢谢下载来看看

pb_tjc · 发表于 2023-8-21 12:56:40

老大你好你好好你好

kwa3hgmjp · 发表于 2023-9-2 16:15:33

看看看咋么

kestlhoxn · 发表于 2023-9-17 04:40:25

而非为吾问无为谓娃娃

81708585 · 发表于 2023-10-22 15:58:27

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 一个实现字体大中小方法的JavaScript代码

相关帖子