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 - พับผลกระทบ (พับผล)

หมวดหมู่

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

การใช้

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

fold

参数 类型 描述 默认值
size Number 或 String 被折叠元素的尺寸。 15
horizFirst Boolean 当折叠时是否先进行水平方向的折叠。请记得,显示的时候与隐藏的时候顺序相反。 false

ตัวอย่าง

พับผลกระทบ (พับ Effect) เปลี่ยน 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>