Зарабатываю на smmka.ru
Главная » Статьи » Скрипты » Скрипты для uCoz

Поле ввода пароля - новый стиль.

Такие штуки применяются частенько в мобильниках, вроде есть в iPhone... Посмотрите на картинку - и сами всё поймёте.

Давайте усовершенствуем наше поле ввода пароля, чтобы превратить его в такое, как показано на картинке. Делать мы это будем с помощью jQuery и специального плагина для jQuery.
Сперва надо подключить оба скрипта к странице. Либо скачиваете оба скрипта и заливаете к себе на сайт, либо можете воспользоваться скриптами с моего сайта. Вот, как надо подключать оба скрипта, тут даны адреса тех js, что лежат у меня на сайте, если вы залили архивы к себе на сайт, просто замените адреса этих js на адреса тех, что лежат у вас на сайте.

Code
<script src="http://ucozerer.ucoz.ru/js/jquery.js"></script>  
<script src="http://ucozerer.ucoz.ru/js/iphone.style.pass.js"></script>

Затем пишем скрипт с использованием jQuery. Скрипт такой:

Code
$(document).ready(function() {  
$('#passForm').dPassword({  
interval: 100,  
duration: 1000  
});  
});

Свойство interval - время между показа символов (миллисекунды), свойство duration - время показа последнего символа.

Вот ссылки для скачивания js-файлов:
JQuery
Плагин

P.S. Наблюдаются проблемы с использованием поля в uCoz, позже постараюсь исправить...
Источник: http://vremenno.net

Категория: Скрипты для uCoz | Добавил: dEnny (12.02.2010)
Просмотров: 515 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Дизайн сайтов и шаблоны для Ucoz