Подсказки с jQuery qTip

Тази статия ще обхване:

- как да използвам приставката qTip за замяна на стандартните подсказки - как да конфигурирам подсказки qTip - как да създам меню за навигация с помощта на qTip - как да покажа съдържанието на Ajax в подсказката

Прости подсказки за персонализиран текст

Надяваме се, че няма нужда да обясняваме, че атрибути като заглавие, alt, често са крайно необходими. В края на краищата те помагат на потребителите да се ориентират по-добре в голямо количество информация и освен това са изключително полезни за оптимизация на търсачките на сайтове. Единственият проблем с подсказките е, че те не могат да се променят с CSS стилове. За да разрешим този проблем, използваме възможностите на jQuery.

1. Създайте основен скелет на HTML файл, който съдържа връзки с атрибута title.

2. Сега трябва да изтеглите приставката qTip от хранилището на GitHub.

3. Свържете изтеглените файлове:

4. За да работи подсказката, просто напишете в scripts.js:

Тази конструкция означава, че за всички връзки, които имат атрибут заглавие, ще бъде приложен методът qtip (). .

Настройка на JQuery qTip

1. Можете да персонализирате подсказките по различни начини. Първо, нека променим позицията, от която ще се показват съветите.

2. След регулиране на позицията, можете да се справите с цветовата схема за показване на подсказката. По подразбиране файлът jquery.qtip.min.css съдържа следните цветови стилове:

---