Пятница, 17.05.2024, 13:10
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Апрель » 28 » Эффекты в форме входа(jquary)
    21:25
    Эффекты в форме входа(jquary)
    Все привет! Вот еще кое-что нарыл у себя на компе))

    ОБРАЗЕЦ

    Это в форму входа:

    Code
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>  
      <script>
      $(document).ready(function(){
       
      $("input#login").focus(function () {
      $(this).next("span#login").css('display','inline').fadeOut(1000);
      });
      $("input#pass").focus(function () {
      $(this).next("span#pass").css('display','inline').fadeOut(1000);
      });
       
       
      });
      </script>
      <style>span#login {display:none;}</style>
      <style>span#pass {display:none;}</style>

    Далее в форме входа заменяем:

    Code
    <input id="login" class="loginField" type="text" name="user" value="" size="20" style="width:100%;" maxlength="50" />

    на:

    Code
    <p><input id="login" class="loginField" type="text" name="user" value="" size="20" style="width:100%;" maxlength="50" /> <span id="login">Введите логин</span></p>

    и

    это:

    Code
    <input id="pass" class="loginField" type="password" name="password" size="20" style="width:100%" maxlength="15" />

    меняем на:

    Code
    <p><input id="pass" class="loginField" type="password" name="password" size="20" style="width:100%" maxlength="15" /> <span id="pass">Введите пароль</span></p>

    Вот и весь скрипт. Если кто не понял, то в образце просто попробуйте что нибудь написать...))

    Ну всем спасибо за внимание! Не забудьте про +. До встречи!

    Категория: скрипты для ucoz сайта | Просмотров: 1040 | Добавил: a1ma2 | Рейтинг: 0.0/0
    Всего комментариев: 3
    2 ILLEGAL  
    0
    ну так ничо)

    1 HEu3BECTHbIu  
    -5
    wink столько труда из за пары сверканий... dry я думаю, что это того не стоит, грузит сайт... Но Всё равно спс biggrin

    3 a1ma2  
    0
    Кому как...

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]