jQuery UI API - .effect ()
หมวดหมู่
เทคนิคพิเศษ (ผลกระทบ) | ผลกระทบหลัก (หลักผลกระทบ) | วิธีการ (วิธีการ)
การใช้
คำอธิบาย: การประยุกต์ใช้องค์ประกอบของผลภาพเคลื่อนไหว
ผลตอบแทน: jQuery
.effect( effect [, options ] [, duration ] [, complete ] )
| 参数 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| effect | String | 一个字符串，指示要使用哪一种特效 。 | |
| options | Object | 特效具体的设置和 easing 。 | |
| duration | Number 或 String | 一个字符串或一个数字，指定动画将运行多久。 | 400 |
| complete | Function() | 一旦动画完成时要调用的函数。 |
.effect( options )
| 参数 | 类型 | 描述 |
|---|---|---|
| options | Object | 所有的动画设置。唯一一个必需的属性是 effect。
|
.effect() วิธีการถูกนำไปใช้เป็นองค์ประกอบชื่อภาพเคลื่อนไหว ผลกระทบ เทคนิคพิเศษที่หลายคนยังสนับสนุนโหมดการแสดงหรือซ่อนเหล่านี้จะสามารถ .show() , .hide() และ .toggle() ให้เสร็จสมบูรณ์วิธีการ
ตัวอย่าง
แอพลิเคชัน Div สำหรับผลการตอบสนอง (ตีกลับผล)
<! Doctype html>
<html lang = "th">
<head>
<Meta charset = "UTF-8">
<title> .effect () สาธิต </ title>
<link rel = "สไตล์ชีต" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<style>
div {
ความกว้าง: 100px;
ความสูง: 100px;
พื้นหลัง: # CCC;
ชายแดน: 1px ของแข็ง # 000;
}
</ style>
<script src = "// code.jquery.com/jquery-1.10.2.js"> </ script>
<script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ head>
<body>
<p> คลิกที่ใดก็ได้ในการประยุกต์ใช้เทคนิคพิเศษ </ p>
<div> </ div>
<script>
$ (เอกสาร) จำนวนคลิก (ฟังก์ชั่น () {
$ ( "Div") .effect ( "ตีกลับ", "ช้า");
});
</ script>
</ body>
</ html>