Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

ย้าย div HTML ในเส้นทางโค้ง


หากต้องการย้าย div ของ HTML ในเส้นทางโค้ง ให้ใช้สิ่งใดสิ่งหนึ่งต่อไปนี้:

  • การเปลี่ยน CSS
  • JavaScript (jQuery)
  • ผ้าใบ HTML5

ลองใช้ JavaScript เพื่อให้ทำงานได้ในทุกเบราว์เซอร์

ใช้วิธีการเคลื่อนไหว () เมธอด animate() ดำเนินการสร้างแอนิเมชันแบบกำหนดเองของชุดคุณสมบัติ CSS

ต่อไปนี้เป็นไวยากรณ์:

selector.animate( params, [duration, easing, callback] );

นี่คือคำอธิบายของพารามิเตอร์ทั้งหมดที่ใช้โดยวิธีนี้

  • พารามิเตอร์ − แผนที่ของคุณสมบัติ CSS ที่แอนิเมชั่นจะเคลื่อนไป
  • ระยะเวลา − นี่เป็นพารามิเตอร์ทางเลือกที่แสดงถึงระยะเวลาที่แอนิเมชั่นจะทำงาน
  • ผ่อนปรน − นี่เป็นพารามิเตอร์ทางเลือกที่แสดงถึงฟังก์ชันการค่อยๆ เปลี่ยนที่จะใช้สำหรับการเปลี่ยน
  • โทรกลับ − นี่เป็นพารามิเตอร์ทางเลือกที่แสดงถึงฟังก์ชันที่จะเรียกใช้เมื่อแอนิเมชั่นเสร็จสิ้น