บทช่วยสอน การเปลี่ยนผ่านมือถือ jQuery ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ การเปลี่ยนหน้ามือถือ jQuery,ตัวอย่าง,
มือถือ jQuery มีผล CSS3 ช่วยให้คุณสามารถเลือกหน้าเพื่อเปิดทาง
jQuery มือถือมีความหลากหลายของสวิทช์หน้าไปยังหน้าถัดไปของผล
หมายเหตุ: ในการสั่งซื้อเพื่อให้บรรลุผลของการเปลี่ยนหน้าเว็บเบราว์เซอร์จะต้องสนับสนุนการสลับ CSS3 3D:
12.0 | 10.0 | 16.0 | 4.0 | 15.0 |
ตัวเลขในตารางเพื่อสนับสนุน 3D หมุนหมายเลขรุ่นเบราว์เซอร์ขั้นต่ำ
การเปลี่ยนหน้าสามารถนำมาใช้กับการใช้แอตทริบิวต์ของการเชื่อมโยงข้อมูลการเปลี่ยนแปลงหรือรูปแบบ:
หน้าผลกระทบการเปลี่ยนแปลงสามารถนำไปใช้กับการใช้แอตทริบิวต์ของการเชื่อมโยงข้อมูลการเปลี่ยนแปลงหรือการส่งแบบฟอร์มใด ๆ
<a href="#anylink" data-transition="slide">切换到第二个页面</a>
ตารางต่อไปนี้แสดงให้เห็นถึงการเปลี่ยนแปลงข้อมูลผ่านการใช้คุณสมบัติที่พร้อมที่จะเปลี่ยนหน้า:
การเปลี่ยนแปลง | ลักษณะ | หน้า | โต้ตอบ |
---|---|---|---|
จางหาย | ผิดนัด จางหายไปยังหน้าถัดไป | ความพยายาม | ความพยายาม |
ดีด | จาก Flip ไปข้างหน้ายังหน้าถัดไป | ความพยายาม | ความพยายาม |
ไหล | พ่นหน้านี้ไปยังหน้าถัดไป | ความพยายาม | ความพยายาม |
ป๊อป | เช่นเดียวกับป๊อปอัพที่ไปยังหน้าถัดไป | ความพยายาม | ความพยายาม |
สไลด์ | กวาดนิ้วจากขวาไปหน้าถัดไป | ความพยายาม | ความพยายาม |
slidefade | กวาดไปทางซ้ายและขวาจะจางหายไปยังหน้าถัดไป | ความพยายาม | ความพยายาม |
slideup | สไลด์จากล่างขึ้นบนที่หน้าถัดไป | ความพยายาม | ความพยายาม |
slideDown | บนลงล่างให้เลื่อนไปข้างหน้า | ความพยายาม | ความพยายาม |
ตา | เปิดหน้าถัดไป | ความพยายาม | ความพยายาม |
ไม่มีเลย | ไม่มีผลการเปลี่ยนแปลง | ความพยายาม | ความพยายาม |
ยี่ห้อ Link jQuery มือถือในจางผลเริ่มต้น (ถ้าเบราว์เซอร์รองรับ) |
หมายเหตุ: ผลกระทบดังกล่าวข้างต้นสนับสนุนพฤติกรรมย้อนหลัง ตัวอย่างเช่นถ้าคุณต้องการที่จะเลื่อนหน้าจากซ้ายไปขวาขวาไปซ้ายแทนการเลื่อนคุณสมบัติการใช้งานข้อมูลทิศทางกับ "ย้อนกลับ" ค่า บนปุ่มย้อนกลับซึ่งเป็นค่าเริ่มต้น