Скрипт увеличения размера шрифта на сайте

Скрипт увеличения размера шрифта на сайте

03.04.201183791borat

Эта функция иногда встречается на сайтах. Вас, наверное, заинтересовала такая возможность. Если Вы захотели создать скрипт увеличения размера шрифта на сайте, то непременно следует воспользоваться именно этим готовым сценарием.

Код у него не очень большой, а на странице, куда вы хотели бы поместить кнопки для увеличения и уменьшения, можно установить как обыкновенные ссылки. Скрипт увеличивает текст не в определенном теге с заданным параметром, а в главных тегах, используемых сайтом.

Код

Этот код поместите между <head>:

Код
<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>:

Код
<a href="javascript:ts('body',1)">+ Увеличить шрифт</a> | <a href="javascript:ts('body',-1)">+ Уменьшить шрифт</a>



Сохраните в социальную сеть
Комментарии (1)
Vasiliy 02.06.2014 в 14:29Спам
Хорошая штука, но при переходе на другую страничку, настройки установленного размера сбрасываются, как закрепить?
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт