Як зробити плаваюче вікно
Багато сучасних сайти мають оригінальні елементи управління. Один з таких елементів - спливаюче вікна, в яких можна розмістити різну корисну інформацію, рекламу, елементи управління, опитування та інше. Створити таке спливаюче вікно досить просто - скористайтеся бібліотекою jQuery.
1
Вставте в код вашої сторінки теги, що додають бібліотеку jQuery. Виглядають дані теги цілком стандартно:
script type ="text / javascript" src ="jQuery.js"/ script
script type ="text / javascript" src ="interface.js"/ script
2
Додайте в файл стилів css код для створення стилю спливаючого вікна. Вкажіть такі параметри, як position, height, overflow, background-image, background-position, background-repeat, overflow, cursor і інші, які вам можуть знадобитися для оформлення. Ці параметри також можна задати в тезі head, якщо у вас немає в стандартній роботі принципу виділяти для стилів спеціальний файл. Ви можете писати код і іншими способами, використовуючи при цьому різні теги. Як правило, є велика кількість способів написання плаваючих вікон.
3
Вставте код посилання на спливаюче вікно в тіло сторінки, і опишіть сам скрипт відкриття спливаючого вікна. Опишіть функцію для виклику вікна за допомогою стандартних команд show (), TransferTo (), bind () та інших. Намагайтеся поруч з кожною функцією писати для себе не велике опис, щоб не плутатися в коді, так як можна повністю порушити роботу всієї системи.
4
Перевірте код на помилки і відкрийте сторінку в браузері, щоб побачити результат вашої роботи. Для появи спливаючого вікна потрібно натиснути на створену посилання. Надалі можна передбачити автоматичне поява спливаючого вікна. Спливаюче вікно також має володіти різними характеристиками, такими як можливість перетягувати мишею, згортати, розтягувати і, звичайно, закривати. Всі ці характеристики потрібно описати в скрипті спливаючого вікна. Робити плаваючі вікна неважко, головне - знати основи програмування, так як потрібні спеціальні знання для правильного написання коду.
Статті за темою "Як зробити плаваюче вікно"
Оцініть, будь ласка статтю