Повідомлення в кінці сторінки за допомогою jquery

Відео: jQuery. Урок 4. Підключення jQuery до HTML сторінці

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

Приклади роботи плагіна можна побачити тут:

Подивитися прімерСкачать

Як користуватися?

Для початку вам необхідно скачати і підключити бібліотеку jQuery (вона знаходиться тут) І jquery.endpage-box.js (її можна завантажити тут):

12345678

$(window).load( function() {$("# Endpage-box").endpage_box({animation: "Fade",from: "50%",to: "110%",content: "Додайте своє повідомлення сюди."})-})-

Відео: jQuery. Урок 20. Клонування і видалення HTML вузлів за допомогою jQuery

Розглянемо ці властивості і які значення вони можуть приймати:

animation - дана властивість відповідає за анімацію повідомлення, тобто з якого боку і як воно буде з`являтися. Значення можуть бути такі: "fade", "slide", "flyInUp", "flyInDown", "flyInLeft", "flyInRight".
from - задає в місце із якого буде показуватися повідомлення. Значення можна задавати як у відсотках так і в пікселях.
to - до якого місця сторінки показувати повідомлення. Також можна задавати в пікселях і відсотках.
content - за допомогою цієї ознаки ви можете додати довільну вміст повідомлення.