Latest web development tutorials

jQuery를 UI의 API - 진동 효과 (떨림 효과)

범주

특수 효과 (효과)

용법

설명 : 수직 또는 수평 방향으로 반복적으로 충격 요소입니다.

shake

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

예

사업부를 흔들어. 

<! DOCTYPE html로>
<HTML LANG = "EN">
<헤드>
  <메타 문자 집합 = "UTF-8">
  <제목> 진동 효과 (떨림 효과) 데모 </ 제목>
  <링크 REL = "스타일 시트"HREF = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <스타일>
  #toggle {
    폭 : 100 픽셀;
    높이 : 100 픽셀;
    배경 : #ccc;
  }
  </ 스타일>
  <스크립트 SRC = "// code.jquery.com/jquery-1.10.2.js"> </ script>
  <스크립트 SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ 헤드>
<바디>
 
<P> 아무 곳이나 진동에 클릭합니다. </ P>
<사업부 아이디 = "토글"> </ DIV>
 
<스크립트>
$ (문서) .click (함수 () {
  $ ( "#toggle") .effect ( "흔들");
});
</ 스크립트>
 
</ BODY>
</ HTML>