Эта функция иногда встречается на сайтах. Вас, наверное, заинтересовала такая возможность.
В некоторых случаях текст на Вашем сайте может быть для посетителей слишком мал или, наоборот, велик. В таком случае было бы неплохо предоставлять функцию изменения его размера.
Если Вы захотели создать скрипт увеличения размера шрифта на сайте, то непременно следует воспользоваться именно этим готовым сценарием. Код у него не очень большой, а на странице, куда вы хотели бы поместить кнопки для увеличения и уменьшения, можно установить как обыкновенные ссылки. Скрипт увеличивает текст не в определенном теге с заданным параметром, а в главных тегах, используемых сайтом.Скрипт изменения размера шрифта
Этот код поместите между <head>
Code
<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>
Этот код в нужное место между <body>
Code
<a href="javascript:ts('body',1)">+ Увеличить шрифт</a> | <a href="javascript:ts('body',-1)">+ Уменьшить шрифт</a>
заключение хочу сказать, что опять таки не знаю насколько востребован данный элемент, поскольку браузеры позволяют изменить масштаб страницы, но поскольку у меня на блоге используется мелкий шрифт, его внедрение было вопросом времени.