Здравствуйте, Гость | Пятница, 25.7.2025, 20:37 | RSS | Контакты
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Простая подсказка на javascrip для uCoz
wa1BДата: Пятница, 08.06.2012, 19:39 | Сообщение # 1
Сообщений: 134
Награды: 1
Репутация: 40

Простая подсказка при наведении мыши.

Установка:
После <head> вставляете:
Code
<script type="text/javascript" src="http://webo4ka.ru/Ucoz5/info_prostaja_podskazka_na_javascrip_dlja_ucoz.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) правим под свой дизайн.
Всё! good
Прикрепления: 1243537.gif (18.6 Kb)


 
  • Страница 1 из 1
  • 1
Поиск: