Лекции и лабораторные работы Направление «Математика и компьютерные науки»



Pdf көрінісі
бет16/33
Дата08.02.2022
өлшемі0,98 Mb.
#119787
түріЛекции
1   ...   12   13   14   15   16   17   18   19   ...   33
Байланысты:
Ермоленко А.В. Web program

8.8. Скрытие и отображение объектов 
8.1. Функции 
hide
() и 
show
(). С ними есть некоторые нюансы (напри-
мер, show показывает изначальное состояние свойства display, поэтому при 
загрузке рекомендуют скрыть объект при помощи hide()), но в целом все как 
в примере. 
Пример. $('#b3').hide() 
А затем, скажем, по щелчку, $('#b3').show() 
8.2. Имеются различные эффекты – раскрывающиеся списки, слайдеры, 
увеличение рисунков (когда-нибудь надо разобрать подробнее) 
8.9. Создания слайдера 
Рассмотрим пример создания слайдера – блока с контентом, выпол-
зающего по нажатию на конец закладки. 
8.9.1. В текст вставляем следующий фрагмент: 
 
 
Содержимое панели 
 
Справка
 
9.2. При помощи стилей изначально скрываем панель. Остальные па-
раметры просто описательные – размер, цвет и т.д. 
размер отступов будет автоматически рассчитан браузером.--> 


54 
 
9.3. Описываем функцию
 
$(document).ready(function(){ 
$(".buttontext").click(function(){ 
$("#panel").slideToggle("normal"); return false; 
}); 
}); 
 
Комментарии 

Команда 
.slideToggle 
позволяет чередовать два простых действия: пока-
зать и скрыть. normal – это скорость, означает, что панель выедет за 400 
миллисекунд, есть еще fast, slow. 

Команда 
return false
означает, что мы не даем перейти по ссылке, в каче-
стве которой используется кнопка-закладка. То есть, она просто работает 
в качестве удобной ручки, за которую дергают, но не как непосредственно 
ссылка. 


55 


Достарыңызбен бөлісу:
1   ...   12   13   14   15   16   17   18   19   ...   33




©www.engime.org 2024
әкімшілігінің қараңыз

    Басты бет