Суббота, 27.04.2024, 01:27
Главная Регистрация RSS
Приветствую Вас, Гость
НОВЫЕ КОМЕНТАРИИ
Коментарий:Невероятно....это полезный веб-сайты.
Добавил:Stevensleed

Коментарий:Сколько лет прошло, старина?) зарегался, просто вспомнить те времена,
Добавил:Vj PitBulvjpitbul94

Коментарий:Всё исправил, проверил , скачивайте
Добавил:Modred

Коментарий:Классный скрипт , но на PHP
Добавил:ZemHU

Коментарий:Отличный движок Добавил:DexonEdutt

Коментарий:Легко установить Добавил:Mixhoarm

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Нас сегодня посетили :
Поиск
Главная » Файлы » Скрипты для UCOZ » Другие скрипты для UCOZ

Свои подсказки

Свои подсказки

Всем привет, сегодня мы научимся делать свои всплывающие подсказки, скрипт очень простой и легко настраивается. но меньше слов больше дела перейдем к установке и настройке: Установка: 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 - Элементы для которых преобразовывается и выводятся наша инфа.

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%;}
Наведи на меня

ПОСМОТРЕТЬ ДЭМО ВЕРСИЮ

К материалу оставили ссылку на демоверсию, по которой вы можете оценить функционал данного материала. При обнаружении ссылки, не содержашей демоверсии, сообщите об этом Администратору.

Похожие материалы:

Категория: Другие скрипты для UCOZ | Добавил: mytorrento
Просмотров: 616 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0