Главная » Файлы » Прочие скрипты » 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
Категория: jQuery | Добавил: Apocalypse | Теги: форма, Hinter, плавного, Через, glowMe, плагин, подсвечивания, эффектом, интересная, входа
Просмотров: 344 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: