导航
首页
站内首页
网罗天下
网页前端
软件使用
站内首页
>
网页前端
>
JS
> 正文
js控制页面字体大小
<script> var tgs = new Array( 'div','td','tr'); var szs = new Array( 'xx-small','x-small','small','medium','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( trgt ) ) ) 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> .tabfont{font-size:12px} </style> <body> <a href="javascript:ts('body',1)">+ 放大字体</a> | <a href="javascript:ts('body',-1)">+ 减小字体</a><br><br> <b>Javascript:</b><br><br> <table align=center><tr><td class=tabfont> var tgs = new Array( 'div','td','tr');<br> var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );<br> var startSz = 2;<br> function ts( trgt,inc ) {<br> if (!document.getElementById) return<br> var d = document,cEl = null,sz = startSz,i,j,cTags;<br> sz += inc;<br> if ( sz < 0 ) sz = 0;<br> if ( sz > 6 ) sz = 6;<br> startSz = sz;<br> if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];<br> cEl.style.fontSize = szs[ sz ];<br> for ( i = 0 ; i < tgs.length ; i++ ) {<br> cTags = cEl.getElementsByTagName( tgs[ i ] );<br> for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];<br> }<br> }<br> </td></tr> </table> <p><a href="http://down.admin5.com" target="_blank">A5下载</a></p> </body>
提示:可以修改后运行.
<<
弹出框效果
网站导航文字按特殊的类型进行切换的特效
>>
查看所有评论
昵称
评论内容
相关文章
在线留言
© 2021
i0561搜索
.All rights reserved.
v3.24
作者:
Song2816@126.com
浏览:
发布时间:
10/02/07