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)

категория

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

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

Описание: Клип эффекты (клип) Эффект вертикальном или горизонтальном направлении с помощью зажима и режущего элемента , чтобы скрыть или отобразить элемент.

clip

参数 类型 描述 默认值
direction String 剪辑特效隐藏或显示元素的方向。
vertical 剪辑上下边缘,horizontal 剪辑左右边缘。
"vertical"

примеров

Используйте клип эффекты (клип) Эффект переключения 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 ( "Клип");
});
</ Script>
 
</ Body>
</ HTML>