jQuery를 UI API를 - 이동 효과 (전송 효과)
범주
용법
설명 : 다른 요소에 대한 윤곽 요소.
transfer
| 参数 | 类型 | 描述 |
|---|---|---|
| className | String | 转移的元素将接收的参数化的 class 名称。 |
| to | String | jQuery 选择器，要转移到的元素。 |
두 요소 사이의 상호 작용을 시각화 할 때 매우 유용하다.
자체 요소를 이동, 클래스 ui-effects-transfer , 다른 스타일, 당신에 의해 정의 예를 들어, 배경 또는 테두리를 추가해야합니다.
예
다른 요소로 전송 녹색 요소를 클릭합니다.
<! DOCTYPE html로>
<HTML LANG = "EN">
<헤드>
<메타 문자 집합 = "UTF-8">
<제목> 이전 효과 (전송 효과) 데모 </ 제목>
<링크 REL = "스타일 시트"HREF = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<스타일>
div.green {
폭 : 100 픽셀;
높이 : 픽셀 범위;
배경 : 녹색;
국경 : 1 픽셀 검은 색;
위치 : 상대;
}
div.red {
여백 - 가기 : 10px;
폭 : 50 픽셀;
높이 : 30 픽셀;
배경 : 빨강;
국경 : 1 픽셀 검은 색;
위치 : 상대;
}
.ui-효과 전송 {
국경 : 1 픽셀 점선 블랙;
}
</ 스타일>
<스크립트 SRC = "// code.jquery.com/jquery-1.10.2.js"> </ script>
<스크립트 SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ 헤드>
<바디>
<사업부 클래스 = "녹색"> </ DIV>
<사업부 클래스 = "빨간색"> </ DIV>
<스크립트>
$ ( "사업부") .click (함수 () {
var에 나는 = 1 - $ ( "사업부")있는 .index (이);
$ (이) .effect ( "전송", {에 : $ ( "사업부") .EQ (I)}, 1000);
});
</ 스크립트>
</ BODY>
</ HTML>