Як зробити екскурсію по сайту на jquery.

Відео: Створюємо сайт. Простий ajax в динамічному пошуку на сайті. Jquery

Привіт всім читачам! Сьогодні я продовжую вас радувати всякими смаколиками для бібліотеки JQuery. Хоча б, я сподіваюся на це) На цей раз я хочу показати вам, як зробити тур по своєму сайту за допомогою невеликого плагіна. Що ж, давайте приступимо?

Для початку перейдіть за посиланням: https://tinytools.codesells.com/TourTip Знайдіть кнопку download і скачайте необхідні компоненти. тепер створимо html файл і підключимо потрібні скрипти і стилі

 
rel="Stylesheet"type="Text / css"href="Css / tinytools.tourtip.min.css"gt;

Все, тепер ви можете влаштовувати тур по будь-якому елементу на сторінці. Давайте, наприклад, створимо div з id = block

id="Block"gt;Якийсь текст. Неважливо який. Тут може бути все, що завгодно

А тепер напишемо необхідний скрипт

Відео: Як зробити свою екскурсію по місту Сортавала?

Відбираємо наш елемент, задаємо параметри: заголовок, опис, показувати чи ні кнопку previous і позицію, тобто де буде наш блок з описом елемента. У нашому прикладі він буде знизу, але ви можете задати будь-яке інше значення: left, top, right. Таким чином можна задавати блоки з описом для абсолютно будь-якого елементу на сторінці. Після того, як у вас все готово, потрібно запустити скрипт. Для цього просто викличте метод start (), як показано в коді вище.

Відео: Екскурсія по сайту і інструкція як вибирати двері і чому саме DoorWooD

От і все. Таким чином ви можете зробити невелику екскурсію по сайту. Думаю, ви вже придумали, де могли б це використовувати. Звичайно, параметрів ви можете передавати набагато більше і подивитися їх усі ви також можете на сайті, даному на початку статті.

Сподіваюся, дана плюшка припала вам до душі, а на цьому у мене все. Дякую за увагу!

Поділися в соціальних мережах:

Схожі