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 - ผลกระทบเชื่อมโยงไปถึง (Drop ผล)

หมวดหมู่

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

การใช้

คำอธิบาย: เชื่อมโยงไปถึงผลกระทบ (Drop ผล) ถึงทิศทางเดียวของภาพนิ่งหลุดลอกออกมาเพื่อซ่อนหรือแสดงองค์ประกอบแสง

drop

参数 类型 描述 默认值
direction String 隐藏元素时元素降落的方向,显示元素时元素出现的方向。
可能的值:up、down、left、right。
"left"

ตัวอย่าง

ผลกระทบการใช้ประโยชน์ที่ดิน (ตาบอดผล) เปลี่ยน div

<! Doctype html>
<html lang = "th">
<head>
  <Meta charset = "UTF-8">
  <title> ผลกระทบ Landing (Drop ผล) สาธิต </ 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>