U.Helper

23 Декабря 2008 17:48
Главная » 2008 » Декабрь » 23 » Увеличение/уменьшение шрифта.
1. Подключаем jQuery
2. Добавляем следующий ява-скрипт между <head> и </head>
Code
<script type="text/javascript">
  $(document).ready(function()
  {
  $('a').click(function()
  {
  var theElement = $("#text").css("font-size");
  var textSize = parseFloat(theElement, 10);
  var unitOfMeasurement = theElement.slice(-2);
   
  if ( (this).id == "largerTextLink")
  {
  textSize += 2;
  }
  else
  {
  textSize -= 2;
  };
   
   
  $('p').css("font-size", textSize + unitOfMeasurement);
   
  return false;
  });
  });
  </script>

3. Главная » Управление дизайном » Редактирование шаблонов: модуль "Новости сайта", шаблон "Вид материалов".
Находим $MESSAGE$, обрамляем его следующим образом:
Code
<p id="text">
$MESSAGE$
</p>

Ставим кнопки увеличения/уменьшения шрифта (по месту требования):
Code
<a href="#" id="smallerTextLink">Уменьшить</a>
<a href="#" id="largerTextLink">Увеличить</a>
Просмотров: 1593 | Добавил: kydapodatsya | Рейтинг: 4.4/5 |
Всего комментариев: 4
0
ModeRzzz[Материал] 19:11, 24 Декабря 2008
cool спс

Ответ:не за что)
Цитировать
Сайт
0
CoolFENIX[Материал] 11:23, 21 Января 2009
А помогите сделать кнопку, чтоб при нажатий на кнопку увеличивало а при повторном нажатий уменьшало опять..
Цитировать
Сайт
0
CoolFENIX[Материал] 11:54, 21 Января 2009
А лучше чтоб один раз нажал - увеличило на 2, второй раз нажал еще на 2, а третий на исходную..

Ответ:кнопка увеличения итак при каждом клике увеличивает размер шрифта на 2...
Цитировать
Сайт
0
CoolFENIX[Материал] 14:36, 21 Января 2009
Надо, чтоб на третий клик возвращался исходный размер...
Цитировать
Сайт
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
U.Helper © Используются технологии uCoz