Як зробити спливаюче вікно

спливаюче вікно, HTML-код, прихований шар

На багатьох сторінках в мережі можна побачити, що для створення в сторінках спливаючих вікон залучаються наворочені бібліотеки різних javascript-фреймворків (jQuery, MooTools, Prototype і т.д.). Однак насправді в них немає необхідності при вирішенні саме цього завдання. Для створення спливаючих вікон цілком достатньо коштів, наявних в мові розмітки гіпертексту (HTML) і мовою опису каскадних таблиць стилів (CSS). Створювані цим способом вікна будуть працювати незалежно від того, чи включена в браузері відвідувача підтримка javascript.
Весь код, який створює спливаюче вікно можна розмістити в двох рядках. Перший рядок створює посилання, яку треба клацнути, щоб відобразилося спливаюче вікно:
Клацати тут!
Тут атрибут onmouseover тега посилання задає стандартний для посилань тип курсора при наведенні миші. Атрибут onclick вказує, що при натисканні на посилання прихований блок з ідентифікатором PopUp повинен стати видимим.
Другий рядок - це, власне, і є спливаюче віконце. Шар з ідентифікатором PopUp і заданими в атрибуті style розмірами вікна, кольором і розміром тексту, фону і рамки:

Щоб мати можливість закрити спливаюче вікно перед тегом

А якщо ви хочете, щоб віконце спливало не по клацанню, а при наведенні курсору миші, то перший рядок з посиланням потрібно модифікувати таким чином:
навести миша сюди!

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