Здравствуйте, гость ( Вход | Регистрация )
  • На главую
  • Правила
  • Поиск
  • Пользователи
  • Новые сообщения
  • Ссылка

> Выделение любой формы (jQuery) - Cyber Sports Gamers Форум
Добро пожаловать на Cyber Sports Gamers, Сегодня 01.02.2023 и уже 02:48. Желаем вам хороо провести у нас время, пожалуйста не флудите и читайте правила!

  • Страница 1 из 1
  • 1
Модератор форума: OKLICK  
Cyber Sports Gamers Форум » Скрипты для uCoz » Другие скрипты для uCoz » Выделение любой формы (jQuery)
Выделение любой формы (jQuery)
OKLICKДата: Воскресенье, 14.06.2009, 23:54 | Сообщение # 1
Группа: Администраторы
Ранг:
3JlOU @dmin
Сообщений: 250
Награды: 1
Репутация: 256
Пол: Мужчина

С самого начала документа подключаем фреймворк и функцию::
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>



Прикрепления: 7537196.jpg(9.5 Kb) · 4555848.jpg(14.6 Kb) · expose1.zip(25.2 Kb)






Offline
Cyber Sports Gamers Форум » Скрипты для uCoz » Другие скрипты для uCoz » Выделение любой формы (jQuery)
  • Страница 1 из 1
  • 1
Поиск:

новая поэзия на baltchor.com; Ахмеров Онлайн на ahmerov.com;Бесплатно портал контер страйк на cs-impulse.net.ru; Зарубежное право yurlib.ru; Транспортное право pravo.vuzlib.net;Смотреть бесплатно лучшие фильмы 2010 на greatfilm.ru; Скачать игры на cs-lan.msk.ru;Скачать лучший софт goodfield.ru;Бесплатно скачать зов припяти на stalker-top.org.ru;Бесплатно Ужасы скачать на kinotube.kz; Бесплатно смотреть фильмы на asv.do.am; книги для студентов на students.lviv.ua
Сейчас: 01.02.2023, 02:48