FG
Fable: Russian Community
  • Страница 1 из 1
  • 1
Архив - только для чтения
Форум » Архив » Скрипты для ucoz » Простая подсказка на javascrip для uCoz
Простая подсказка на javascrip для uCoz
Raistlin Дата: Суббота, 31.12.2011, 14:55 | Сообщение # 1

Группа: Команда FRC-младшие редакторы
Сообщений: 1683
Награды: 107
Репутация: 6263
Статус:
Пользователь не в сети :(
Простая подсказка при наведении мыши.

Установка:

В <head> вставляете:

Code
<script type="text/javascript" src="http://3week.clan.su/FILE-IMAGE3/info_prostaja_podskazka_na_javascr-BnWnE.js"></script>


Кидаем в css:

Code
#hintbox{   
   position:absolute;   
   top: 0;   
   background-color: #00d2ff;   
   width: 500px;   
   padding: 3px;   
   border:1px solid black;   
   font:normal 11px Verdana;   
   line-height:18px;   
   z-index:100;   
   border-right: 1px solid black;   
   border-bottom: 1px solid black;   
   visibility: hidden;   
   opacity: 0.91;   
   filter: alpha(opacity="91");   
   }   
   .hintanchor{   
   font-weight: bold;   
   color: navy;   
   margin: 3px 8px;   
   }


Этот код ставим туда где хотим видеть подсказку:

Code
<a href="#" class="hintanchor" onMouseover="showhint('Это текст подсказки, который будет появляться при наведении на ссылку курсора мыши.', this, event, '150px')">[?]</a>  



Меняем текст подсказки (в подсказке работают теги) и значёк [?] меняем на то что хотите видеть (например на картинку как на скриншоте)
Css правим под свой дизайн.
Всё!
Прикрепления: 3309397.gif(18.6 Kb)
 
Форум » Архив » Скрипты для ucoz » Простая подсказка на javascrip для uCoz
  • Страница 1 из 1
  • 1
Поиск: