หากต้องการย้าย div ของ HTML ในเส้นทางโค้ง ให้ใช้สิ่งใดสิ่งหนึ่งต่อไปนี้:
- การเปลี่ยน CSS
- JavaScript (jQuery)
- ผ้าใบ HTML5
ลองใช้ JavaScript เพื่อให้ทำงานได้ในทุกเบราว์เซอร์
ใช้วิธีการเคลื่อนไหว () เมธอด animate() ดำเนินการสร้างแอนิเมชันแบบกำหนดเองของชุดคุณสมบัติ CSS
ต่อไปนี้เป็นไวยากรณ์:
selector.animate( params, [duration, easing, callback] );
นี่คือคำอธิบายของพารามิเตอร์ทั้งหมดที่ใช้โดยวิธีนี้
- พารามิเตอร์ − แผนที่ของคุณสมบัติ CSS ที่แอนิเมชั่นจะเคลื่อนไป
- ระยะเวลา − นี่เป็นพารามิเตอร์ทางเลือกที่แสดงถึงระยะเวลาที่แอนิเมชั่นจะทำงาน
- ผ่อนปรน − นี่เป็นพารามิเตอร์ทางเลือกที่แสดงถึงฟังก์ชันการค่อยๆ เปลี่ยนที่จะใช้สำหรับการเปลี่ยน
- โทรกลับ − นี่เป็นพารามิเตอร์ทางเลือกที่แสดงถึงฟังก์ชันที่จะเรียกใช้เมื่อแอนิเมชั่นเสร็จสิ้น