• Страница 1 из 1
  • 1
Форум Сталкер » Web-раздел » Скачать скрипты для сталкера » Свои подсказки
Свои подсказки
БарменДата: Суббота, 25.06.2016, 04:27 | Сообщение # 1
Полковник
Группа: Пользователи
Сообщений: 201
Награды: 3
Репутация: 4
Статус: Offline

Всем привет, сегодня мы научимся делать свои всплывающие подсказки, скрипт очень простой и легко настраивается. но меньше слов больше дела перейдем к установке и настройке:

Установка:
1. Пропишем data в наших div и прочих элементах (Можно сменить на любой свой тег не кретично).
Код
<div data="<img src='http://j-p-g.net/if/2016/06/25/0093688001466817955.jpg'> <br><center>  
Cтудия графики и дизайна Best Studio, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей!">Наведи на меня</div></center></div>

2. Добавим сам скрипт:
Код
<script>$(function(){  
  $('div, a, span').hover(function(){  
  var myhit = $(this).attr('data');
  $(this).append('<div class="myHit">'+myhit+'</div>');
  }, function() {
  $('.myHit').remove();
  });  
  }); </script>

div, a, span - Элементы для которых преобразовывается и выводятся наша инфа.

3. Добавим CSS вид нашего окна:
Код
.myHit {
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 5px;max-width:250px;
  box-shadow: 0pc 0pc 10px #ccc;
}
.myHit img {max-width:100%;}
 
Форум Сталкер » Web-раздел » Скачать скрипты для сталкера » Свои подсказки
  • Страница 1 из 1
  • 1
Поиск:
Поделись с другими сталкерами
Меню сайта
Гость
Статистика
Рейтинг@Mail.ru