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 Widget ขยาย jQuery UI Widget วิธีการภาวนา jQuery UI ใช้ห้องสมุดเครื่องมือทำไม jQuery UI วิธีการใช้ห้องสมุดเครื่องมือ

jQuery UI คู่มืออ้างอิง

jQuery UI API ไฟล์ API หมวดหมู่ - ผลดีเป็นพิเศษ API หมวดหมู่ - ผลกระทบหลัก API หมวดหมู่ - อีกวิธีหนึ่งคือ API หมวดหมู่ - วิธีการบรรทุกเกินพิกัด API หมวดหมู่ - ทาง API หมวดหมู่ - ผู้เลือก API หมวดหมู่ - กระทู้ API หมวดหมู่ - UI แกน API หมวดหมู่ - ประโยชน์ API หมวดหมู่ - วิดเจ็ต

jQuery UI ตัวอย่าง

jQuery UI ตัวอย่าง ลาก สถานที่ ขูดหินปูน เลือก ลำดับ แผงพับ การทำให้สมบูรณ์อัตโนมัติ ปุ่มกด เลือกวันที่ โต้ตอบ เมนู แถบความคืบหน้า Slider Rotator แถบ กล่องเคล็ดลับ ผลดีเป็นพิเศษ แสดงผล ปิดบัง การสลับ .addClass() .removeClass() .toggleClass() .switchClass() นิเมชั่นสี ตั้งอยู่ ห้องสมุดองค์ประกอบ

jQuery UI API - ผลกระทบคลิป (เอฟเฟคลิป)

หมวดหมู่

เทคนิคพิเศษ (ผลกระทบ)

การใช้

คำอธิบาย: ผลกระทบคลิป (เอฟเฟคลิป) แนวตั้งหรือแนวนอนโดยหนีบและตัดองค์ประกอบเพื่อซ่อนหรือแสดงองค์ประกอบ

clip

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

ตัวอย่าง

ผลกระทบการใช้คลิป (เอฟเฟคลิป) เปลี่ยน div

<! Doctype html>
<html lang = "th">
<head>
  <Meta charset = "UTF-8">
  <title> ผลกระทบคลิป (เอฟเฟคลิป) สาธิต </ title>
  <link rel = "สไตล์ชีต" 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>
  <script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ head>
<body>
 
<p> คลิกที่ใดก็ได้ที่จะเปลี่ยน </ p>
<div id = "สลับ"> </ div>
 
<script>
$ (เอกสาร) จำนวนคลิก (ฟังก์ชั่น () {
  $ ( "#toggle") .toggle ( "คลิป");
});
</ script>
 
</ body>
</ html>