Четверг, 18.04.2024, 21:55
Скрипты для Ucoz
Карта сайта
Главная | Скрипт "Увеличение текста" - Скрипты для Ucoz



Книги для вебмастера
Новые сообщения Участники Правила форума Поиск Лента новостей
  • Страница 1 из 1
  • 1
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Скрипт "Увеличение текста" (При наведении курсора на текст, он увеличивается)
Скрипт "Увеличение текста"
bandjukДата: Понедельник, 25.07.2011, 20:00 | Сообщение # 1
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Увеличение текста

При наведении курсора на текст, он увеличивается

Code
<HTML>
<HEAD>
<TITLE>Увеличивающиеся линки</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<STYLE>
.bigChange {font-family:arial; color:blue; font-weight:bolder; font-size:175%; letter-spacing:4px; text-transform: uppercase; background:yellow}
.start {font-family:arial; color:yellow; background:navy}
</STYLE>
<SCRIPT LANGUAGE=JAVASCRIPT>
function highlightButton(s) {
if ("INPUT"==event.srcElement.tagName)
event.srcElement.className=s
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000">
<H2><center>
<CENTER>
<span onmouseover = "this.style.fontSize = 'larger'"
onmouseout = "this.style.fontSize =''" style="color:red">Подведите сюда курсор мыши</span>     
</P>
<P> <SPAN onmouseover = "this.className = 'bigChange'"
onmouseout = "this.className='start'" class=start>Можно использовать в меню</SPAN>
</p>
</BODY>
</HTML>


Материалы на эту же тему:

Скрипт "Мерцание ссылок на сайте"
Скрипт "Мерцающий текст"
Скрипт "Смена фонового изображения при перезагрузке страницы"
Скрипт "Всплывающая подсказка (title) тёмного цвета"
Скрипт "Popup-блок вылетает после загрузки страницы"
Скрипт "Смена банеров-кнопок на JavaScript+CSS"
Скрипт "Определение количества сайтов, пройденных пользователем"
Скрипт "Просилка голосования"
Скрипт "Разноцветная мигающая рамка"
Скрипт "Летящие метеориты"
 
ZOMBAKДата: Вторник, 29.11.2011, 17:16 | Сообщение # 2
Рядовой
Группа: Пользователи
Пол:
Награды: 0
Репутация: 2
Сообщений: 10
это куда совать-та?
 
bandjukДата: Вторник, 29.11.2011, 17:25 | Сообщение # 3
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
ZOMBAK,

Это между <HEAD> и </HEAD>нужной страницы:

Code
<STYLE>  
  .bigChange {font-family:arial; color:blue; font-weight:bolder; font-size:175%; letter-spacing:4px; text-transform: uppercase; background:yellow}  
  .start {font-family:arial; color:yellow; background:navy}  
  </STYLE>  
  <SCRIPT LANGUAGE=JAVASCRIPT>  
  function highlightButton(s) {  
  if ("INPUT"==event.srcElement.tagName)  
  event.srcElement.className=s  
  }  
  </SCRIPT>


Сам текст между <BODY> и </BODY>

Вид текста №1:

Code
<span onmouseover = "this.style.fontSize = 'larger'"  
  onmouseout = "this.style.fontSize =''" style="color:red">Тут текст</span>  


Вид текста №2:

Code
<SPAN onmouseover = "this.className = 'bigChange'"  
  onmouseout = "this.className='start'" class=start>Тут текст</SPAN>
 
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Скрипт "Увеличение текста" (При наведении курсора на текст, он увеличивается)
  • Страница 1 из 1
  • 1
Поиск:

Яндекс.Метрика
Copyright Глюк Рекордс © 2024

Создать бесплатный сайт с uCoz