Этот сайт использует cookies. Продолжение работы с сайтом означает, что Вы согласны!
Методы, позволяющие использовать эффекты
Главное преимущество модуля Effects Core — это, конечно же, эффекты. Использовать эффекты позволяют следующие методы.
show()
— использует эффект для отображения элемента. Формат метода:
show(<Эффект>[, <Объект с опциями эффекта>[,
<Продолжительность>[, <Функция обратного вызова>]]])
В параметре <Эффект>
могут быть указаны следующие эффекты: blind
, bounce
, clip
, drop
, explode
, fold
, puff
, pulsate
, scale
, slide
.
hide()
— использует эффект для сокрытия элемента. Формат метода:
hide(<Эффект>[, <Объект с опциями эффекта>[,
<Продолжительность>[, <Функция обратного вызова>]]])
В параметре <Эффект>
могут быть указаны следующие эффекты: blind
, bounce
, clip
, drop
, explode
, fold
, puff
, pulsate
, scale
, slide
.
toggle()
— позволяет чередовать сокрытие и отображение элементов. Если элемент скрыт, то он будет отображен, и наоборот. Формат метода:
toggle(<Эффект>[, <Объект с опциями эффекта>[,
<Продолжительность>[, <Функция обратного вызова>]]])
В параметре <Эффект>
могут быть указаны следующие эффекты: blind
, bounce
, clip
, drop
, explode
, fold
, puff
, pulsate
, scale
, slide
.
effect()
— позволяет выполнять произвольные эффекты. Формат метода:
effect(<Эффект>[, <Объект с опциями эффекта>[,
<Продолжительность>[, <Функция обратного вызова>]]])
В параметре <Эффект>
могут быть указаны следующие эффекты: blind
, bounce
, clip
, drop
, explode
, fold
, highlight
, puff
, pulsate
, scale
, shake
, size
, slide
, transfer
.
В необязательном параметре <Продолжительность>
указывается время выполнения эффекта в миллисекундах или следующие значения:
fast
— 200 миллисекунд;normal
— 400 миллисекунд;slow
— 600 миллисекунд.
В параметре <Функция обратного вызова>
может быть указана ссылка на функцию, которая будет вызвана по окончании эффекта. Формат функции:
function <Название функции>() {
// ...
}
Пример использования методов show()
, hide()
и toggle()
приведен в листинге 12.33.
Листинг 12.33. Модуль UI Effects, методы show(), hide() и toggle()
<!doctype html>
<html>
<head>
<title>Модуль UI Effects, методы show(), hide() и toggle()</title>
<meta charset="utf-8">
<script src="js/jquery.js"></script>
<script src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script>
$(document).ready(function() {
$("#btn1").click(function() {
$("#img1").show($("#effect").val(), { }, 2000);
});
$("#btn2").click(function() {
$("#img1").hide($("#effect").val(), { }, 2000);
});
$("#btn3").click(function() {
$("#img1").toggle($("#effect").val(), { }, 2000);
});
});
</script>
</head>
<body>
<b>Выберите эффект из списка и щелкните на одной из кнопок</b>
<br><br>
<select id="effect">
<option value="blind">Blind</option>
<option value="clip">Clip</option>
<option value="drop">Drop</option>
<option value="explode">Explode</option>
<option value="fold">Fold</option>
<option value="puff">Puff</option>
<option value="pulsate">Pulsate</option>
<option value="scale">Scale</option>
<option value="slide">Slide</option>
</select>
<input type="button" value="show()" id="btn1">
<input type="button" value="hide()" id="btn2">
<input type="button" value="toggle()" id="btn3">
<br><br>
<img src="img.gif" id="img1" style="width:300px; height:225px;">
</body>
</html>
Помощь сайту
Yandex-деньги: 410011140483022
ПАО Сбербанк:
Счет: 40817810855006152256
Реквизиты банка:
Наименование: СЕВЕРО-ЗАПАДНЫЙ БАНК ПАО СБЕРБАНК
Корреспондентский счет: 30101810500000000653
БИК: 044030653
КПП: 784243001
ОКПО: 09171401
ОКОНХ: 96130
Скриншот реквизитов