Меню сайта
Категории сайта
Мини-чат
Наш опрос
Сколько Вы зарабатываете?
Всего ответов: 4912
Облако тегов
Статистика
Онлайн всего: 3
Гостей: 3
Пользователей: 0


Нас посетили:
Мини-профиль
Поиск
Календарь
Статистика
Архив
Реклама
Узнай айпи
Главная » 2009 » Июнь » 8 » Скрипты для uCoz » Выделение любой формы (jQuery)
Выделение любой формы (jQuery)
Вы пришли к нам на портал что бы скачать\посмотреть Выделение любой формы (jQuery), если возникнут вопросы по данному файлу Выделение любой формы (jQuery), вы всегда можете задать свой вопрос на нашем форуме.
С уважением, администрация isucoz.com.

Скачать Выделение любой формы (jQuery)

С самого начала документа подключаем фреймворк и функцию::
Code
<script src="jquery.tools.min.js"></script>
  <script>
  $(function() {
  $("form.expose").click(function() {
  $(this).expose({
  maskId: 'mask',
  onLoad: function() {
  this.getExposed().css({backgroundColor: '#c7f8ff'});
  },
  onClose: function() {
  this.getExposed().css({backgroundColor: null});
  },
  api: true
  }).load();
  });
  });
  </script>

Далее подключаем стили оформления. В коде имеется пути к нескольким картинкам - не забывайте их менять, если это необходимо.

Code
<style>
  body {
  padding:150px 50px;
  font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
  }
  #mask {
  background:#678 url(mask_gradient_1000.png) no-repeat;
  background-position:-260px -79px;

  }
form.expose {
  border:1px outset #ccc;
  background:#fff url(h150.png) repeat-x;
  padding:20px;
  margin:20px 0;
  text-align:center;
  width:350px;
  -moz-border-radius:4px;
  }

  label, input {
  display: block;
  width: 150px;
  float: left;
  margin-bottom: 10px;
  }
label {
  text-align: right;
  width: 75px;
  padding-right: 20px;
  }
br {
  clear: left;
  }
  </style>

И в документе создаем простую форму:

Code
<form class="expose">
  <label for="username">Username</label>
  <input id="username" /><br/>
  <label for="password">Password</label>
  <input id="password" type="password" /><br/>
</form>

Смотрим пример.


У вас есть сайт, но ты незнаешь какой у тебя тИЦ и ПР? Будь в курсе событий, поставь счетчик тИЦ и ПР на свой сайт! Счетчик тИЦ и ПР.
Добавил: Simpsonnn | Комментариев: 5 | Просмотров: 1571 | Добавлено: 08-Июн-2009

0  
4 kolian   (08-Июн-2009 10:06:31) [Материал]
Так получается можно, что угодно сделать, не только форму входа?)
0  
5 Simpsonnn   (08-Июн-2009 10:11:29) [Материал]
Можно засунуть регистрацию , да что угодно так и есть!
0  
3 kolian   (08-Июн-2009 10:05:17) [Материал]
вобще улет супер!!! +++
0  
2 Simpsonnn   (08-Июн-2009 09:06:56) [Материал]
Да конечно , себе на сайт ставил всё отлично работает!
-1  
1 Daniil   (08-Июн-2009 08:59:01) [Материал]
ну а пример на сайте для ucoq ??????????????

)))))))))))))))

happy happy happy

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