Описание
Как установить?
Данный скрипт научит делать вас подсказки для своего сайта, наглядно вы сможете просмотреть ниже этого описания
Установка:
1. Пропишем data в наших div и прочих элементах (Можно сменить на любой свой тег не кретично).
<div data="<img src='http://cs11130.vk.me/u36206498/127629584/x_d90fe64a.jpg'> <br><center>
Cтудия графики и дизайна Best Studio, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей!">Наведи на меня</div></center></div>
2. Добавим сам скрипт:
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%;}
Установка:
1. Пропишем data в наших div и прочих элементах (Можно сменить на любой свой тег не кретично).
Код
<div data="<img src='http://cs11130.vk.me/u36206498/127629584/x_d90fe64a.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').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%;}
Для того чтобы скачивать без рекламы и на максимальной скорости, надо зарегистрироваться или войти »
Проблемы с модом? И так если у вас вдруг не работает мод, или выскакивает какая нибудь ошибка, мы попробуем Вам помочь тут
Обратная связь
Пожаловаться
Нашли ошибку? Или хотите пожаловаться?
Нашли ошибку? Или хотите пожаловаться?
Популярные шаблоны
Больше шаблонов
Комментариев 0
Информация о материале
- Опубликовано Воскресенье, 21:48
- Категория Скрипты
- Просмотры 292
- Источник
Навигация на сайте
Мини-чат
Последние комментарии
Опрос по сайту
Статистика Сайта
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Сегодня нас посетило
1