Fatal1ti| 16.09.2012, 12:33 | Комментариев: (8) | Заглянули 265 | Загрузок: 26
Пожаловаться
Категория: uCoz » Скрипты, Разное ![]() Помните стандартную подсказку Title? Которая всплывает когда вы наводите стрелку мышки на ссылку, конечно помните, такое нельзя пройти мимо, так вот существует не одно готовое решение, благодаря которому можно изменить внешний вид данной подсказки... Особенности: - Небольшой вес, всего 8 килобайт - Перемещается вслед за мышкой (Для некоторых это минус или а для других - наоборот плюс) - Работает почти во всех новых браузерах - Простая установка Вроде все, теперь Установка: 1) Устанавливаем в "Верхнюю часть сайта" в самый верх следующий скрипт: Code <script type="text/javascript" src="http:/serv/js/unitip.js"></script> Если у вас нету "Верхней части сайта", то ставим скрипт после тега На страницы где хотите видеть подсказку (например "Архив новостей") 2) Теперь чтобы наш title отображался у нужного нам элемента, Например нужной ссылки, следует прописать ей class="tip" Вот пример: Code <a class="tip" href="http://noviok.ru" title="Тут титле">Название ссылки</a> 3) Оставлось прописать css стили для title - заходим в Таблицу стилей(CSS) и вставляем: Code /* unitip css */ #unitip { position: absolute; z-index: 1000; top: -1000px; color: #fff; font:11px Verdana,Arial,Helvetica, sans-serif; color:#CED9E8; display: none; } #unitippoint, #unitipmid, #unitipcap { position: relative; top: 0px; left: 0px; width: 145px; display: block; } #unitippoint { background: url('http:/serv/img/title/TipPoint.png') no-repeat; height: 19px; overflow: hidden; } #unitipmid { background: url('http:/serv/img/title/TipMid.png') repeat; width: 115px; height: auto; padding: 5px 15px; } #unitipcap { background: url('http:/serv/img/title/TipCap.png') no-repeat; height: 7px; overflow: hidden; } Всё наша подсказка теперь будет отображаться как и положено.. Вы также можете загрузить картинки и сам скрипт на свой сайт Для этого скачайте архив и залейте на сайт и поменяйте ссылки на изображения и скрипт Спонсор :
Источник: http://www.center-dm.ru
Похожие материалы
ИнформацияПосетители, находящиеся в группе Гость, не могут оставлять комментарии к данной публикации. Пожалуйста войдите на сайт как пользователь или зарегистрируйтесь. |
Логотип сайта:
Навигация
Мини-чат
Витрина Активистов
Загрузка...
Топ Пользователей
Опрос
Последние комментарии
Статистика
Онлайн всего: 1 Гостей: 1 Пользователей: 0
Сегодня
зашли на сайт
0 пользователя ![]() За месяц: 17
За неделю: 6 Вчера: 0 Сегодня: 0
У нас нашли
Загрузка...
Друзья сайта
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Установка:
После
<script src="/js/jquery.tipTip.js"></script>
<script>
$(function(){
$("a[title]").tipTip({maxWidth: "400px", edgeOffset: 10});
$("img[title]").tipTip({maxWidth: "400px", edgeOffset: 10});
$("span[title]").tipTip({maxWidth: "400px", edgeOffset: 10});
$("div[title]").tipTip({maxWidth: "400px", edgeOffset: 10});
$("*[alt]").tipTip({maxWidth: "400px", edgeOffset: 10});
});
</script>
Два файла в архиве - скрипт и css: http://narod.ru/disk....ar.html
Я вот думаю, если его с ИЕ подружить не удасться, может тогда условие написать, чтобы ИЕ скрипт игнорировал. В других браузерах нормально показывается. Жаль терять, очень неплохой скрипт.