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 - ผลกระทบที่โดดเด่น (เอฟเฟ Highlight)

หมวดหมู่

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

การใช้

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

highlight

参数 类型 描述 默认值
color String 动画期间使用的背景颜色。 "#ffff99"

ตัวอย่าง

ใช้เพื่อเน้นเทคนิคพิเศษ (เอฟเฟ Highlight) เปลี่ยน 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>