04:35
Замечательные подсказки через плагин tinyTips придадут вашему сайту уникальность и добавят функциональности. Отличительная черта данного плагина - возможность выбора цветовой схемы
Для начала посмотрите ДЕМО
Установка:
После /head на нужных страницах вставляйте:
Code
<link rel="stylesheet" type="text/css" media="screen" href="/css/tinyTips.css" />
<script type="text/javascript" src="/js/jquery.tinyTips.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('[title]').tinyTips('red', 'title');
});
</script>
Обратите ваше внимание на участок $('[title]').tinyTips('red[//color', 'title');
'red' - цвет подсказки. У вас есть возможность выбора между следующими цветами:
red - Красный
orange - Оранжевый
purple - Сиреневый
white - Белый
yellow - Жёлтый
dark - Чёрный
blue - Синий
Так же, как смогут заметить опытные пользователи, просто взглянув на код, я немного переделал скрипт так, что он будет реагировать абсолютно на все элементы, у которых будет прописан атрибут title
Всё, скрипт подключен, остаётся лишь залить скрипт из прикреплённого архива в папку js, стиль - в папку css и все картинки в папку images
Материал предоставлен сайтом ruseller.com
