|
|
|
|
|
|
Теги |
| |
codeserfercom, nbspnbsp, Private, Visual, Возможность, Пример, Рассмотрим, Сегодня, Теперь, будет, данных, значение, который, может, можно, написать, например, очень, переменной, переменных, пользователя, помощью, программа, программирования, программы, просто, работы, разработки, решил, сделать, скрипт, строки, строку, также, только, функции, число, этого, языка, языков
Показать все теги
|
|
|
| |
|
|
|
|
|
|
|
|
| |
Библиотека jquery позволяет менять css-стили "на лету", как мы с Вами уже убедились. Что же из этого можно полезного извлечь, кроме изменения цвета ? Например достаточно красивый скрытие и показ объектов. Той же логин-панели. Рассмотрим как это реализовать.. Полный код с комментариями: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Логин</title> <script type="text/javascript" src="jquery-1.2.6.pack.js"></script><!--подключение библиотеки--> <script type="text/javascript"> var my; //определение переменной-флажка $(document).ready(function(){ //если DOM готов к манипуляции $(".run").click(function(){ // если кнопка нажата if (my == "yes") { //проверяем переменную-флажок $('#box').css({visibility: "hidden"});//скрытие панели, если она открыта my = "no"; } else { $('#box').css({visibility: "visible"}); //показ панели, если она скрыта my = "yes"; } return false; }); }); </script> <!--определение стилей--> <style type="text/css"> #box { visibility: hidden; height: 200px; width: 200px; position: relative; } </style> </head> <body> <input type="button" class="run" value = "Логин" /> <div id="box"> <form> Введите логин:<input type = "text" name = "login"><br /> Введите пароль:<input type = "password" name = "pass"> <input type = "submit" name = "sub" value = "Логин" /> </form> </div> </body> </html> Пример можно посмотреть Здесь |
|
| |
Что-то не получается? Не понятна какая-то часть кода? Напишите комментарий об этом и мы обязательно Вам все объясним!
Обязательно напишите отзыв о программе / учебнике. Для выражения благодарностей есть кнопка:
Своё Спасибо, еще не выражали.
|
| |
| |
Просьбы перезалить в комментариях принимаются |
| |
|
|
| |
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. |
|
| |
Другие коды по теме: |
|
| |
Выдвижная панель на jqueryОбращение к WhoIs для IP на PHPОпределяем расширение экрана с помощью WinAPIИзменение css стилей при помощи jqueryНахождение всех совершенных чисел от 1 до n |
|
|
|
Написал: GodVIAGRA |
|
2 июня 2009 15:24 | ICQ: --
|
|
| |
Группа: Гости
Регистрация: -- |
MESSAGE |
|
|
|
| Публикаций: 0 | Комментариев: 0 |
|
|
| |
Группа: Гости
Регистрация: -- |
MESSAGE |
|
|
|
| Публикаций: 0 | Комментариев: 0 |
|
|
| |
Группа: Гости
Регистрация: -- |
MESSAGE |
|
|
|
| Публикаций: 0 | Комментариев: 0 |
|
|
| |
Группа: Гости
Регистрация: -- |
MESSAGE |
|
|
|
| Публикаций: 0 | Комментариев: 0 |
|
|
© 2008 - 2010. Копирование материалов запрещено! |
|
|
