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 - Вибрация эффекты (Shake Effect)

категория

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

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

Описание: вертикальное или горизонтальное направление многократно ударных элементов.

shake

参数 类型 描述 默认值
direction String "left" 或 "right" 的值将水平震动元素,"up" 或 "down" 的值将垂直震动元素。该值指定元素沿轴线移动时第一步的方向。 "left"
distance Number 要震动的距离。 20
times Integer 要震动的次数。 3

примеров

Встряхните DIV.

<! DOCTYPE HTML>
<HTML LANG = "EN">
<Head>
  <Meta Charset = "UTF-8">
  <Title> Вибрация эффекты (Shake 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") .effect ( "Встряска");
});
</ Script>
 
</ Body>
</ HTML>