บทช่วยสอน ข้อความ jQuery ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้
ใช้,
ข้อความ jQuery
jQuery ข้อความ plug-in ที่ช่วยให้คุณสามารถแสดงข้อความคิดเห็นเกี่ยวกับชั้นปก ข้อความจะหายไปโดยอัตโนมัติหลังจากช่วงหนึ่งของเวลาที่คุณไม่จำเป็นต้องคลิกที่ปุ่ม "OK" ผู้ใช้สามารถเลื่อนเมาส์หรือคลิกที่ใดก็ได้เพื่อเพิ่มความเร็วของข้อมูลที่ซ่อนอยู่
รุ่น plug-in ที่เป็นอยู่ในปัจจุบัน 1.0.0
JQuery ข้อความเยี่ยมชมเว็บไซต์อย่างเป็นทางการดาวน์โหลดปลั๊กอิน jQuery ข้อความ
ใช้
ที่จะใช้เครื่องมือข้อความให้เลือกข้อความที่คุณต้องการที่จะแสดงองค์ประกอบของข้อความที่เป็นพารามิเตอร์ผ่านไป:
$ (ฟังก์ชั่น () {$ () ข้อความ ( "Hello World!") ;. // $ ( ".feedback") ข้อความ ( ) ;. });
มีตัวเลือกเริ่มต้นหลาย หากคุณสนใจคุณสามารถดูตัวอย่างต่อไปนี้แสดงให้เห็นถึงสมบูรณ์
ตัวอย่างสาธิต
jQuery ข้อความปลั๊กอินในการสาธิต
<! Doctype html>
<html>
<head>
<Meta charset = "UTF-8">
<title> jQuery Widget ข้อความ </ title>
<link rel = "สไตล์ชีต" type = "text / CSS" สื่อ = "หน้าจอ" href = "http://jquery.bassistance.de/message/jquery.message.css" />
<script src = "http://jquery.bassistance.de/message/lib/jquery-1.3.2.js" type = "text / JavaScript"> </ script>
<script src = "http://jquery.bassistance.de/message/jquery.message.js" type = "text / JavaScript"> </ script>
<script type = "text / JavaScript"> $ (ฟังก์ชั่น () {$ () ข้อความ ( "สวัสดีชาวโลกบนเอกสารพร้อม!"); th $ ( "# สาธิต") ส่ง (ฟังก์ชั่น (E) {e.preventDefault ( ); $ () ข้อความ ($ ( "# ข้อความ".) Val ()) ;. })}); </ script>
<style type = "text / CSS">
</ style>
</ head>
<body>
<h1 id = "แบนเนอร์"> jQuery สาธิต Widget ข้อความ </ h1>
<div id = "หลัก">
<form id = "สาธิต">
<input name = "ข้อความ" id = "ข้อความ" />
<input type = "ส่ง" value = "ข้อความ" />
</ form>
</ div>
</ body>
</ html>
ลอง»