最简洁的用户控制改变字体大小JS代码-网页特效-懒人建站

最简洁的用户控制改变字体大小JS代码

JS 代码超少，就一句JS代码。有大中小三种选择。切记：改变的内容字体必须在 id="zoom" 的容器中。

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>最简单的改变字体大小代码_懒人建站</title>
<SCRIPT type=text/javaScript>
function doZoom(size){
document.getElementById('zoom').style.fontSize=size+'px'}
</SCRIPT>

</head>

<body>

字体：<A href="javascript:doZoom(18)">大</A> <A href="javascript:doZoom(14)">中</A> <A href="javascript:doZoom(12)">小</A>
 
懒人建站只收录实用和能提高用户体验的代码
我们只想解放出你的部分写代码时间来思考更高层次的设计，而不是要你懒惰、拼凑。

<div style="width:95%; height:auto; display:block; margin:0 auto; margin-top:30px; font-size:10pt; line-height:150%;">
本代码由<a href="http://www.51xuediannao.com" style="color:#F00;">懒人建站网 收集整理</a> 
<a href="http://www.51xuediannao.com">懒人建站 http://www.51xuediannao.com</a> 
我们为您提供-HTML+CSS模板，HTML+CSS教程，JS广告代码，HTML+CSS导航菜单，FLASH焦点图片，国外网页设计欣赏与模板和CSS技巧。； 
懒人建站只收录实用和能提高用户体验的代码 
我们只想解放出你的部分写代码时间来思考更高层次的设计，而不是要你懒惰、拼凑。
</div>

</body>
</html>

代码说明:

这个用户控制改变字号的JS代码，代码超少，就一句JS代码。有大中小三种选择。

HTML代码使用说明：
如下所示代码类似 javascript:doZoom(18) 这样的代码是原来改变字体大小的。

切记：改变的内容字体必须在 id="zoom" 的容器中。

字体：<A href="javascript:doZoom(18)">大</A> <A href="javascript:doZoom(14)">中</A> <A href="javascript:doZoom(12)">小</A>

懒人建站只收录实用和能提高用户体验的代码
我们只想解放出你的部分写代码时间来思考更高层次的设计，而不是要你懒惰、拼凑。

TAG标签

弹出层 jQuery 图片展示下拉菜单左右滚动选项卡二级导航 jQuery弹出层

来源：懒人建站|发布人：懒人建站|2009-12-22|热度：次|收藏|报错