Основное меню

Оформляем подсказки ссылок при помощи jQuery

Для того чтобы подсказки ссылок визуализировались, нужно сначала подключить jQuery-библиотеку, CSS-стили и соответственно скрипт с настройками:

<link rel="stylesheet" type="text/css" href="link/jquery style.css"/>

<script type="text/javascript" src="link/jquery script.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('[title]').colorTip({color:'yellow'});
});
</script>

Прописав настройки, тем самым было произведено получение данных из "title" и задан элементу, то есть подсказке желтый стиль. Для каждой ссылке, которая имеет текст в параметре "title" и имеет класс, будет задан соответствующий стиль в зависимости от класса: белый, красный, желтый, зеленый, голубой или черный.
Пример ссылки:

<a href="http://vipweb-portal.ru" class="green" title="Дизайнерский веб-ресурс">

Такая ссылка теперь будет иметь подсказку зеленого цвета, так как класс ей задан "green", то есть зеленый.
На этом оформление ссылок при помощи jQuery окончено.

Скачать файл
размер файла: 29,06 Kb
cкачиваний: 54

Раздел: Статьи для веб-мастера




Дополнительно Популярное
Дизайнерский веб-ресурс: Дле, Вордпресс, Джумла, фотошоп, плагины, иконки, шаблоны, текстуры, смайлики, логотипы.