Підказка (tooltip)

Дуже маленький скрипт для підказок, що важить всього 2 кілобайти, і до того ж абсолютно незалежний від сторонніх бібліотек.

Щоб користуватися ним, достатньо підключити скрипт, таблицю стилів і додати обробники подій для потрібних посилань.

Підказка - досить важливий елемент оформлення сучасного web сайту. А якщо її ще гарно оформити та не зловживати застосуванням. Майже у всіх створених мною веб-сайтах я використовую цю фішку! Працює чудово і ніяких зусиль не становить при установці.

Підключаємо

ВИКЛИК ПІДКАЗКИ

Демонстрацію вищеописаного ви можете побачити тут! Особисто я трохи змінив стилі СSS:

Ось, власне, і все!

Підписуйтесь на нашу групу в контакті vk.com/club.ssdru

Статті на тему JS

У даному уроці ми розглянемо процес створення цікавого концепту меню, ми створимо його вертикальним ще й мінімалістичним. Ця навігація міститиме підпункти, тобто ми створимо ієрархію вкладок, що випадають для навігації. Крім цього буде встановлена анімація при виборі пункту та додані іконки, які суттєво прикрашатимуть нашу навігацію. Ми розвиватимемо цю тенденцію в сайтобудуванні і продовжуватимемо розробляти різні варіанти даної навігації.

Меню навігації є досить простий елемент дизайну. Створюємо невпорядкований список, задаємо його стиль невеликої анімації та формуємо зовнішній вигляд. У даному уроці, як ви вже здогадалися, ми розглянемо як створити досить просту, але в той же час дуже цікаву навігацію з елементами, що ковзають, за допомогою трансформацій css і невеликих латок jQuery. Ідея полягає в тому, коли користувач наводить на бажаний пункт курсором, відбуваєтьсятрансформація із зміною фону активної вкладки.

Для того, щоб найпростішим способом відкрити та приховати область або текст, можна використовувати найпростіший Java-скрипт.

Якщо ваш сайт містить безліч інформації, то це напевно заплутає користувача, і йому знадобиться деяке пояснення того, що відбувається. Відмінним способом буде впровадження в структуру сайту ненав'язливих підказок, які відмінно доповнять ваш сайт та виконуватимуть свою місію. У цьому уроці ми розглянемо процес створення чудових анімованих підказок за допомогою CSS3. У демонстрації наводяться різні варіанти підказок, з різними ефектами появи та згасання. Слід зауважити, що такі підказки зможуть працювати в браузерах.

Розкрутка у соцмережах

Верстальник із великим досвідом роботи. Займаюся створенням сайтів із 2005 року. Постійно навчаюсь та вдосконалюю свої навички. Веду свої проекти, у тому числі і цей блог.

Форма зворотного зв'язку

Усі поля є обов'язковими для заповнення!