Главная » Файлы » Прочие скрипты » jQuery |
Красивые полупрозрачные подсказки для полей формы через плагин kvkInfoBox на jQuery для uCoz
23.06.14, 14:20:50 | |
Симпатичный плагин, позволяющий добавлять полупрозрачные подсказки для полей формы Для начала посмотрите ДЕМО Установка: После /head на нужных страницах вставляйте: Код <link rel="stylesheet" type="text/css" href="/css/kvkInfoBox.css" /> <script type="text/javascript" src="/js/kvkInfoBox.pack.js"></script> <script type="text/javascript"> jQuery(function ($) { $('table input').click(function () { var $this = $(this); $this.kvkInfoBox({cont: 'Здесь текст подсказки',plusTop: 4}); }); }); </script> Сами поля формы оформляются следующим образом: Код <table> <tr> <td><label for="i1">Поле 1: </label></td> <td><input id="i1" class="required" type="text" /></td> <td>Время</td> </tr> <tr> <td><label for="i2">Поле 2: </label></td> <td><input id="i2" class="required" type="text" /></td> <td>Дата</td> </tr> </table> Можно привязать отдельную подсказку для каждого поля. Возникнет такая необходимость - пишите в комментариях - покажу как Осталось лишь залить скрипт из прикреплённого архива в папку js, стиль в папку css и все картинки в папку images Материал подготовлен Apocalypse | |
Просмотров: 565 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |