javascript

位置：IT落伍者 >> javascript >> 浏览文章

控制字体大小JS代码
发布日期：2023年05月16日
 
控制字体大小JS代码
<script>
            var tgs = new Array( divtdtr);
            var szs = new Array( xxsmallxsmallsmallmediumlargexlargexxlarge );
            var startSz = ;
            function ts( trgtinc ) {
            if (!documentgetElementById) return
            var d = documentcEl = nullsz = startSzijcTags;
            sz += inc;
            if ( sz < ) sz = ;
            if ( sz > ) sz = ;
            startSz = sz;
            if ( !( cEl = dgetElementById( trgt ) ) ) cEl = dgetElementsByTagName( trgt )[ ];
            cElstylefontSize = szs[ sz ];
            for ( i = ; i < tgslength ; i++ ) {
            cTags = cElgetElementsByTagName( tgs[ i ] );
            for ( j = ; j < cTagslength ; j++ ) cTags[ j ]stylefontSize = szs[ sz ];
            }
            }
            </script>
            <style>
            tabfont{fontsize:px}
            </style>
            <body>
            <a href="javascript:ts(body)">+ 放大字体</a> | <a
            href="javascript:ts(body)">+ 减小字体</a><br><br>
            <b>Javascript:</b><br><br>
            <table align=center><tr><td class=tabfont>
            var tgs = new Array( divtdtr);<br>
            var szs = new Array( xxsmallxsmallsmallmediumlargexlargexxlarge );<br>
            var startSz = ;<br>
            function ts( trgtinc ) {<br>
            if (!documentgetElementById) return<br>
            var d = documentcEl = nullsz = startSzijcTags;<br>
            sz += inc;<br>
            if ( sz < ) sz = ;<br>
            if ( sz > ) sz = ;<br>
            startSz = sz;<br>
            if ( !( cEl = dgetElementById( trgt ) ) ) cEl = dgetElementsByTagName( trgt )[ ];<br>
            cElstylefontSize = szs[ sz ];<br>
            for ( i = ; i < tgslength ; i++ ) {<br>
            cTags = cElgetElementsByTagName( tgs[ i ] );<br>
            for ( j = ; j < cTagslength ; j++ ) cTags[ j ]stylefontSize = szs[ sz ];<br>
            }<br>
            }<br>
            </td></tr>
            </table>
            <p><a href="教程</a></p>
            </body>                           

上一篇：DataTable删除行后的页面更新利用Ajax解决

下一篇：jQuery对select操作小结(遍历option,操作option)