欢迎您
本月新增用户:
旗下累计用户:
签约动态:
签约湖南三谊医疗科技有限公司达成合作
签约长沙沃湘文化传播有限公司达成合作
签约长沙市山枫艺谷艺术培训学校达成合作
签约长沙市芙蓉区香琪电子产品商行达成合作
签约吕先生网站制作达成合作
签约湖南众乾节能环保科技达成合作
签约预承接长沙黄先生企业网站业务
签约长沙余女士网站达成合作
签约方女士网站制作达成合作
签约湖南德莱物流有限公司达成合作
签约湖南同享财富管理有限公司达成合作
签约御姐藏宝图餐饮有限公司网站达成合作
签约长沙黄金创业园置业有限公司达成合作
签约周先生网站制作达成合作
签约江女士网站制作达成合作
签约承接长沙聂先生企业网站业务
签约唐先生网站制作达成合作
签约湖南鑫亚达食品有限公司达成合作
0731-84469346 / 152-7483-9229
首页
网站定制
小程序
智能建站
客户案例
关于我们
联系我们
0731-84469346
栏目导航:
首页
网站定制
小程序
智能建站
客户案例
关于我们
联系我们
网站首页
/
新闻动态
/
行业新闻
/ 浏览文章
更新时间:2015年10月21日
实现字体大中小的另一种方法
<!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"> <!-- body {font-size:14px} --> </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>整理:懒人西西</p> <p>查找更多代码,请访问:<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p> </body> </html>
提示:您可以先修改部分代码再运行,复制代码和保存代码功能在Firefox下无效。
此方法有别于之前发布的
字号缩放代码
,点击链接后,当前字号则不显示链接。
上一篇:
兼容IE6和Firefox的PNG背景透明CSS代码
下一篇:
用图片代替Radio选择value值
0731-84469346
返回顶部