|
|
|
|
|
|
Теги |
| |
codeserfercom, Linux, nbspnbsp, Private, Visual, Возможность, Пример, Рассмотрим, Сегодня, Теперь, будет, данных, значение, который, может, можно, написать, например, очень, переменной, переменных, пользователя, помощью, программа, программирования, программы, просто, работы, разработки, решил, сделать, скрипт, строки, строку, также, только, функции, число, этого, языка
Показать все теги
|
|
|
| |
|
|
|
|
|
|
|
|
| |
Данный код демонстрирует слайд-панель, реализованную следующим образом, по клику элемент , у нас будет переключаться её класс (между ”active” и ”btn-slide”), а панелька с id=”panel” будет выдвигаться/прятаться. (класс ”active” изменяет позицию фона. Код содержит комментарии. <!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"> $(document).ready(function(){ $(".btn-slide").click(function(){ //если сделан клик $("#panel").slideToggle("slow"); $(this).toggleClass("active"); return false; //меняем класс }); }); </script> <!--css стили--> <style type="text/css"> #panel { background: yellow; height: 200px; display: none; width: 400px; text-align: center; } .slide { background: yellow; width: 400px; align: center; } .btn-slide { background: yellow; text-align: center; align: center; width: 144px; height: 20px; display: block; } .active { background-position: right 12px; } </style> </head> <body> <div align = "center" id="panel">Текст панели</div><!--сама нанель--> <div align = "center" class="slide"><div align = "center" class="btn-slide">Клик</div></div><!--кнопка--> </body> </html> |
|
| |
Что-то не получается? Не понятна какая-то часть кода? Напишите комментарий об этом и мы обязательно Вам все объясним!
Обязательно напишите отзыв о программе / учебнике. Для выражения благодарностей есть кнопка:
Своё Спасибо, еще не выражали.
|
| |
| |
Просьбы перезалить в комментариях принимаются |
| |
|
|
| |
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. |
|
| |
Другие коды по теме: |
|
| |
Показ и скрытие логин-панелиОпределяем расширение экрана с помощью WinAPIИзменение css стилей при помощи jqueryНахождение всех совершенных чисел от 1 до nОбращение к WhoIs для IP на PHP |
|
|
© 2008 - 2010. Копирование материалов запрещено! |
|
|
