Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("div").animate({ left: '250px', opacity: '0.5', Height: '150px ', chiều rộng: '150px' } } }); </script> </head> <body> <button>Bắt đầu hoạt ảnh</button> <p>Theo mặc định, tất cả các thành phần HTML đều có vị trí tĩnh và không thể di chuyển. Để thao tác vị trí, trước tiên hãy nhớ đặt thuộc tính vị trí CSS của phần tử thành tương đối, cố định hoặc tuyệt đối!</p> <div style="background:#98bf21;height:100px;width:100px;position:absolute; "></div> </body> </html>