Главная » 2012 » Март » 16 » JavaScript's: Динамичное изменение размера шрифта на сайте
20:05
JavaScript's: Динамичное изменение размера шрифта на сайте

Динамичное изменение размера шрифта на сайте


Советуем посмотреть:


Скрипт позволяет вашим пользователям легко и удобно менять размер шрифта на сайте. Очень полезно.

В head вставляем это:

Code

<style>#fontresize {
background:url(mtop1.png) repeat-y;
border:#aaa 1px solid;
color:#505050;
font:bold 12px arial,helvetica,sans-serif;
padding:5px 1px 0;
position:fixed;
top:5px;
left:5px;
text-align:center;
}
*html #fontresize {
position:absolute;
left:10px;
top:expression(eval(document.documentElement.scrollTop) + 5 + 'px')}
#fontresize a {
text-decoration: none;
background:url(mtop.png) repeat-x;
border:#c0c0c0 1px solid;
color:#c0c0c0;
display:block;
font:bold 12px arial,helvetica,sans-serif;
margin:1px 0;
padding:2px;
}
#fontresize a:hover {
text-decoration: none;
border:#505050 1px solid;
color:#505050;}
#fontresize a:active {
text-decoration: none;
border:#505050 1px solid;
color:#505050;}</style>

Quote

<script type="text/javascript">
var fr="";
for (i=12; i<25; i++) fr+="<a title='Изменить размер шрифта на "+i+"px' onclick=\"document.getElementById('content').style.fontSize='"+i+"px'; return false;\" href=\"javascript://\">"+i+"</a> ";
document.write("<div id='fontresize'>Ш<br>р<br>и<br>ф<br>т<br> "+fr+"</div>");
</script>

Красное - это id блок, внутри которого будет изменяться размер шрифта.

Синее - это минимальный размер шрифта.

Зеленое - максимальный размер шрифта.

Материал взят с сайта infoscript.ru













Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Просмотров: 936 | Добавил: Ahmed | Теги: сайте, размера, Динамичное, шрифта, Изменение, на, JavaScript's: | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: