Главная » Файлы » Прочие скрипты » jQuery |
Интересная форма входа с эффектом плавного подсвечивания через плагин glowMe Hinter 1.0 на jQuery
23.06.14, 15:48:37 | |
![]() Данный плагин плавно подсвечивает пункты формы входа при наведении курсора + при клике по этим пунктам создаёт эффект внешней подсветки Для начала посмотрите ДЕМО Установка: После /head на нужных страницах вставляйте: Код <script type="text/javascript" src="/js/jquery.animate-colors-min.js"></script> <script type="text/javascript" src="/js/jQuery.glowMe.Hinter-1.0.min.js"></script> <style type="text/css"> div#login {overflow:hidden;width:500px;height:500px;margin:0 auto;text-align:Center;} input#username,#password {width:250px;height:35px; font-size:17px;} </style> <script type="text/javascript"> $(document).ready(function() { $('input:text').glowMe({ 'glowThickness': '15px' }); }); </script> Далее сама форма входа: Код <form action="#"> <input id="username" title="Логин" maxlength="50" name="username" value="Логин" type="text" /><br> <input id="password" title="Пароль" maxlength="50" name="password" value="Пароль" type="text" /> <input id="submit" value="Вход" type="submit" /> </form> Данный скрипт очень лёгок в использовании и вам не составит труда адаптировать его под свою форму входа Залейте два скрипта из прикреплённого архива в папку js Материал подготовлен Apocalypse | |
Просмотров: 357 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |