Главная » jQuery » Интересная форма входа с эффектом плавного подсвечивания через плагин glowMe Hinter 1.0 на jQuery
12:57
Данный плагин плавно подсвечивает пункты формы входа при наведении курсора + при клике по этим пунктам создаёт эффект внешней подсветки
Для начала посмотрите ДЕМО
Установка:
После /head на нужных страницах вставляйте:
Code
<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>
Далее сама форма входа:
Code
<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
