Latest web development tutorials
×

jQuery UI курс

jQuery UI курс jQuery UI Краткое введение jQuery UI скачать jQuery UI использование jQuery UI Настроить jQuery UI завод

jQuery UI тема

jQuery UI тема jQuery UI ThemeRoller jQuery UI CSS рамка API jQuery UI Дизайн темы

jQuery UI Библиотека компонентов

jQuery UI Библиотека компонентов jQuery UI Расширенный виджет jQuery UI Метод Призвание виджет jQuery UI Зачем использовать библиотеку виджетов jQuery UI Как использовать виджет библиотеки

jQuery UI справочное руководство

jQuery UI API файл API категория - Специально хороший эффект API категория - эффекты ядра API категория - попеременно API категория - перегрузка методов API категория - способ API категория - селектор API категория - тема API категория - UI ядро API категория - утилита API категория - Виджеты

jQuery UI примеров

jQuery UI примеров лобовое сопротивление место пересчет выбрать последовательность Складные панели автозаполнения кнопка Выбор даты диалог меню Шкала прогресса ползунок поворотное устройство таб подсказке окно Специально хороший эффект дисплей скрывать Переключение .addClass() .removeClass() .toggleClass() .switchClass() Цвет Анимация разместить Библиотека компонентов

JQuery UI API - подпрыгивать эффекты (Отказов Effect)

категория

Специальные эффекты (эффекты)

использование

Описание: Отскок эффект (Отказов эффект) сплотить элемент. При использовании в сочетании с скрыть или показать в последний раз, или на первого отскока покажет / постепенного исчезновения эффекта замирания в.

bounce

参数 类型 描述 默认值
distance Number 最大的反弹距离,以像素为单位。 20
times Integer 元素反弹的次数。当隐藏或显示时,会为淡入/淡出效果添加半个反弹。 5

примеров

Используйте эффект отскока (Отказов Effect) Переключение DIV.

<! DOCTYPE HTML>
<HTML LANG = "EN">
<Head>
  <Meta Charset = "UTF-8">
  <Title> отскока эффекты (Отказов Effect) Demo </ title>
  <Link отн = "таблица стилей" HREF = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <Style>
  #toggle {
    ширина: 100px;
    высота: 100px;
    фон: #ccc;
  }
  </ Style>
  <Script SRC = "// code.jquery.com/jquery-1.10.2.js"> </ скрипт>
  <Script SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ скрипт>
</ Head>
<Body>
 
<P> Нажмите в любом месте для переключения. </ P>
<Div ID = "тумблер"> </ DIV>
 
<Script>
$ (Документ) .click (функция () {
  $ ( "#toggle") .toggle ( "Зацикливания", {раз: 3}, "медленный");
});
</ Script>
 
</ Body>
</ HTML>