您好，欢迎来到源码搜藏！分享精神，快乐你我！提示：担心找不到本站？在百度搜索“源码搜藏”，网址永远不丢失！

[加入VIP] 设为首页 | 收藏本站 | 网站地图 | Sitemap | TAG标签

当前位置：首页 > 网页特效 > 文字特效 >

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

时间：2012-08-14 12:56 来源：互联网作者：admin 浏览：次收藏挑错推荐打印

<!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>
<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>

<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>

<br /><br />

<DIV id=contentText>实现字体大中小的另一种方法实现字体大中小的另一种方法实现字体大中小的另一种方法！</DIV>

<p>说明：此方法有别于之前发布的<a href="http://www.lanrentuku.com/js/text-239.html" target="_blank">字号缩放代码</a>，点击链接后，当前字号则不显示链接。</p>
<p>查找更多代码，请访问：<a href="http://www.sucaiko.com" target="_blank">站长资源库</a></p>
</body>
</html>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

实现字体大中小的另一种方法
此方法有别于之前发布的字号缩放代码，点击链接后，当前字号则不显示链接。

实现字体大中小的另一种方法由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/wenzi/208.html

标签：网站源码字体大中小

上一篇：显示和隐藏文字特效

下一篇：字体大中小代码&字号缩放代码

[文字特效] JavaScript实现文本段落折叠展开

[文字特效] HTML5特效图片爆炸效果点击后文

[文字特效] 文本框还可输入多少字,像微博输

[文字特效] 漂亮的打字效果代码

[文字特效] 显示和隐藏文字特效

[文字特效] JS文字加密与解密

[文字特效] 实现字体大中小的另一种方法

[文字特效] 字体大中小代码&字号缩放代

[文字特效] 几种常见的文字排列方向代码（倒

[文字特效] 闪烁文字特效和随机图片代码

[文字特效] 用鼠标和按钮控制网页指定区块内

[文字特效] Javascript仿歌词智能滚动代码

相关内容推荐

东莞网站优化

经典JavaScript

网页背景切换

设计网页公司

静态动态伪静态

信件和信封PNG图标

隐身术的等级排位

JavaScript捷径

js事件与处理

使用CSS的最佳习惯

隐藏省略文字

在线客服系统

机械工业出版社

马达加斯加3PNG图标

关于我们 | 版权声明 | 广告服务 | 联系我们 | 常见问题 | 网站地图 | 网友投稿 | 在线留言

分享精神，快乐你我！联系QQ:498277184

本站资源是从网络整理所得,如果无意侵犯了贵司版权，请与源码搜藏网联系，我们会及时处理和回复，谢谢!

鲁ICP备13013982号-1