Сьогоднішній урок розповість Вам про цікавий плагін LeaveNotice.
LeaveNotice (Повідомлення) - модуль (плагін, сценарій), що дозволяє оповістити користувачів про те, що вони залишають ваш сайт. Плагін був розроблений з розрахунком використання на офіційних сайтах, що належать, наприклад, урядовим чи банківським організаціям. З огляду на роду інформації розміщується подібними сайтами, може виявитися необхідним зробити так, щоб користувачі розуміли, що їх з'єднують з сайтом не під офіційною юрисдикцією. але
Деякі особливості / Пара ключових аспектів плагіна LeaveNotice
• Легкий в установці (в два етапи).
• Можлива зміна зовнішнього вигляду за допомогою каскадних таблиць стилів (CSS)
Щоб встановити плагін на свій сайт, зробите такі дії:
2) Ініціюйте плагін (подія) з jQuery, коли DOM буде готовий. На цьому етапі визначаються посилання, при виборі яких будуть спливати діалогові вікна.
Якщо вам все зрозуміло, то я пропоную прописати по мінімуму і хоча б вказати назву сайту. Щоб користувачеві вашого сайту запам'яталося назву.
Нижче наведено приклад введення назви сайту:
З введенням подібним чином параметром, користувач побачить вже не URL, а - 'Ви залишаєте Мій Класний Сайт'.
Всі властивості (за винятком прозорості затемнення) беруться з CSS файлу.
Якщо ви захочете модернізувати спливаючі діалогові вікна, вам, напевно, стане в нагоді знання точної HTML розмітки, необхідної для введення плагіна (модуля). Вона виглядає наступним чином:
Виділену жирним частину коду можна змінити або доповнити. Так все значення ID можуть бути так само прописані і для параметрів. Можна створити іншу конструкцію. Використовуючи каскадну таблицю стилів CSS, ви зможете налаштувати практично будь-яку деталь появи діалогових вікон.
Невелика пам'ятка, якщо ви хочете зробити діалогове вікно більш живим, вставте в заголовок фоновий малюнок. Приклад такого коду ви можете побачити на сайті whitehouse.gov (Натисніть будь-яку зовнішню посилання, щоб побачити діалогове вікно. Наприклад на посилання usa.gov в самому низу сторінки.) Вгорі встановлено логотип сайту Whitehouse.gov. Я думаю, що таке оформлення діалогового вікна заслуговує на увагу, я б, мабуть, сам скористався подібною технікою.
Для видимого користувачеві тексту, а саме попереджувальних повідомлень і попередніх посиланням повідомлень, є параметр, що дозволяє приєднати ключі до повідомлення. Два можливих ключа - і. Ключ буде замінений назвою сайту, введеним за допомогою атрибута siteName, а замінений на URL активованої клацанням миші посилання. Дана дія ви можете побачити в демо.
Про параметрі overlayAlpha
Дякуємо за увагу.
5 останніх уроків рубрики "jQuery"
Сьогодні ми б хотіли вам розповісти про бібліотеку TypeIt - безкоштовному jQuery плагін. З її допомогою можна імітувати набір тексту. Якщо все налаштувати правильно, то можна домогтися дуже реалістичного ефекту.
jQuery плагін для створення тимчасової шкали.
jQuery плагін для створення діаграми Ганта.
Приклад того як здійснити завантаження файлу через PHP і jQuery ajax.
Плагін цікавий, але особисто мені не дуже подобається коли при вході і виході спливають якісь вікна, дратує =)
давайте зробимо так, користувач рушив мишкою, ми йому відразу повідомлення 'ви рушили мишкою вліво "))) або ви пукнула, сто вікон яка краса! А в цілому все охрененно хлопці! Зробіть що то рульная хлопці!
Як на мене, це дуже корисний урок.
МаксімШкурупій
1. На вконтакт дорівнювати не можна, вони зробили відстійний сайт, і пишуть, ніби на якомусь сайті МОГУДБИТЬ ВІРУСИ І ТРАЙЯНИ, нібито на вконтакте їх мало. 2. Ця ідея - нічого, модальне вікно - вже краще, але все одно глючить. 3. "Ви змінили положення миші, щоб зміни вступили в силу, необхідно перезавантажити комп'ютер. Перезавантажити зараз?" - Cheiz прав.
4. Повідомлення про вихолостити + текст перед посиланням
ахха дуже хороший і корисний плагін. АЛЕ не разом facebox тому як вони разом відкриваються. і це вже баг. так що якщо є варіанти як цього уникнути то радий вислухати
За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!
Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!
Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.
Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!