Video: #33 Thay đổi, tùy biến css cho các element | JS Basics 2025
Có thể sử dụng jQuery để thực hiện chuyển đổi và những chuyển đổi này thường mạnh hơn, nhưng dễ sử dụng hơn các biến đổi CSS3 bản địa. Tuy nhiên, để đạt được chức năng này, bạn phải tải xuống jQuery plug-in - một loại thư viện đặc biệt mở rộng chức năng jQuery gốc.
Trình cắm tốt nhất để thực hiện tác vụ là jquery. biến đổi. js. Bạn có thể vào trang này và xem các biến đổi đã chứng minh.
Trang chủ không có liên kết để tải plug-in, thật không may. Để có được một bản sao của plug-in này, bạn hãy vào Down Scripts và nhấp vào liên kết Click Here to Download. Bạn nhận được một. Tệp ZIP có chứa một số tệp, bao gồm cả jquery. biến đổi. js mà bạn phải sao chép vào thư mục ứng dụng của bạn.
Để truy cập vào trình cắm thêm này, bạn thêm thẻ sau sau tất cả các mục jQuery khác (vị trí quan trọng).
Sử dụng plug-in này hoạt động giống như bất kỳ cuộc gọi hàm jQuery nào khác. Ví dụ này dựa vào một tệp chứa
với nội dung yêu cầu. Trong trường hợp này, ví dụ đơn giản chỉ xoay nội dung, nhưng bạn có quyền truy cập vào tất cả các biến đổi CSS thông thường. Phần thú vị là sự đơn giản của kịch bản được sử dụng để thực hiện nhiệm vụ.
$ ("# TransformMe"). css ("transform", "rotate (45deg)");
Kịch bản này chỉ đơn giản nói để thực hiện một chuyển đổi CSS chuẩn để xoay 45 độ TransformMe. Ngoài các phép biến đổi tĩnh, trình cắm này cũng cung cấp phép biến đổi hoạt ảnh sử dụng chức năng Animate () với chức năng định thời xác định thời gian để thực hiện hoạt hình.
Cũng dễ dàng kết hợp các phép biến đổi để tạo ra các hiệu ứng đặc biệt khác nhau. Đảm bảo bạn hãy thử các ví dụ trong thư mục thử nghiệm của trình cắm thêm đã tải xuống để xem toàn bộ hiệu ứng mà trình cắm này cung cấp.
