Главная » Файлы » Прочие скрипты » Яваскрипты

Простая подсказка на javascrip для uCoz
24.06.14, 09:03:46

Скачать файл




Простая подсказка при наведении мыши.
Качаем архив и кидаем папку js в корень сайта.
Если такая папка создана,то кидаем файл info.js в эту папку.

Далее между и ставим:
Код
<script type="text/javascript" src="/js/info.js"></script>


Кидаем в css:
Код
#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;  
  }


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


Меняем текст подсказки (в подсказке работают теги) и значёк [?] меняем на то что хотите видеть (например на картинку как на скриншоте)
Css правим под свой дизайн.
Всё!
Категория: Яваскрипты | Добавил: Apocalypse | Теги: Простая, ucoz, подсказка, на, JavaScrip, для
Просмотров: 394 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: