четверг, 28 января 2010 г.

Они, любимые, или изменение шрифта с помощью javascript

Решил сделать для себя успокаивательную страничку. Чтобы в любое время тяжелого рабочего дня можно было бы чуть чуть отдохнуть душой:)
В результате получилось следующее:

(.) (.)
Чтобы увидеть, как это реализовано, вы можете посмотреть исходный код этой страницы:) Здесь же я вкратце опишу принцип. Во-первых, задаем 2 функции javascript, increaseFontSize() и decreaseFontSize(), для увеличения и уменьшения размера шрифта. Они действуют так: 
var p = document.getElementsByTagName('shticka');
После этого в p у нас получается массив всех тегов типа "shticka". Конечно, вы можете получать список тегов по классу, или отдельно каждый тег по его id. Во-вторых, для каждого элемента из p находим размер шрифта и помещаем его в переменную s:
var s = parseInt(p[i].style.fontSize.replace("px",""));
После чего мы увеличиваем ее, например, на 4:
s+=4;
В-третьих, заменяем размер шрифта на увеличенное s:
p[i].style.fontSize = s+"px";
Вот и все готово:) Можно наслаждаться))

1 комментарий:

Tolyattinec комментирует...

Изменить размер шрифта www.tolyattinec.ru