用javascript改变网页字体大小的技巧_第1页
用javascript改变网页字体大小的技巧_第2页
用javascript改变网页字体大小的技巧_第3页
用javascript改变网页字体大小的技巧_第4页
用javascript改变网页字体大小的技巧_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、用javascript改变网页字体大小的技巧我们在很多网页上都见过，可以改变该网页字体大小。下面介绍几种实现的方法：第一种方法： 分为 大、中、小控制正文字体大小，一般需要指定 id<htmL> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <style> #content font-size:12px; line-height:200%; padding:10px; &

2、lt;/style> <script language="javascript"> function setfont(size) var obj; obj=document.getElementById("content"); obj.style.fontSize=size; /obj.style.color="#ff0000" </script> <body> <div>字体: <a href="#" onclick="javascript:s

3、etfont("12px")">小</a><a href="#" onclick="javascript:setfont ("18px");">中</a><a href="#" onclick="javascript:setfont("24px");">大</a></div> <div id="content"> 欢迎来到php自学网 &

4、lt;/div> </body> </htmL> 第二种方法，用的不多，有特殊需要的可以用。这个是设置body中所有的大小设置，不如上面的代码就控制正文的字体大小。大家可以根据自己的需要选用。注意多测试。<script> var tgs = new Array( "div","td","tr"); var szs = new Array( "xx-small","x-small","small","medium",

5、"large","x-large","xx-large" ); var startSz = 2; function ts( trgt,inc ) if (!document.getElementById) return var d = document,cEl = null,sz = startSz,i,j,cTags; sz += inc; if ( sz < 0 ) sz = 0; if ( sz > 6 ) sz = 6; startSz = sz; if ( !( cEl = d.getElementById( t

6、rgt ) ) ) cEl = d.getElementsByTagName( trgt ) 0 ; cEl.style.fontSize = szs sz ; for ( i = 0 ; i < tgs.length ; i+ ) cTags = cEl.getElementsByTagName( tgs i ); for ( j = 0 ; j < cTags.length ; j+ ) cTags j .style.fontSize = szs sz ; </script> <style> .tabfontfont-size:12px </sty

7、le> <body> <a href="javascript:ts("body",1)">+ 放大字体</a> | <a href="javascript:ts("body",-1)">+ 减小字体</a>欢迎来到php自学网 </body> 第三种方法： 只有增加 减小 两种方法，不过很实用，本站也是用的这种方<htmL> <head> <meta http-equiv="Content-Type

8、" content="text/html; charset=gb2312" /> </head> <style> #content font-size:12px; line-height:200%; padding:10px; </style> <script language="javascript"> /更改字体大小 var status0="" var curfontsize=10; var curlineheight=18; function turnsmall(

9、) if(curfontsize>10) document.getElementById("art_content").style.fontSize=(-curfontsize)+"pt" document.getElementById("art_content").style.lineHeight=(-curlineheight)+"pt" function turnbig() if(curfontsize<28) document.getElementById("art_content").style.fontSize=(+curfontsize)+"pt" document.getElementById("art_content").style.lineHeight=(+curlineheight)+"pt" </script> <body> 字体：<a href="javascript:turnbig()">增加</a> <a href="j

人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论