Đây là ứng dụng Linux có tên slide-element có bản phát hành mới nhất có thể được tải xuống dưới dạng DependencyUpdates.zip. Nó có thể được chạy trực tuyến trong nhà cung cấp dịch vụ lưu trữ miễn phí OnWorks dành cho máy trạm.
Tải xuống và chạy trực tuyến ứng dụng này có tên slide-element với OnWorks miễn phí.
Làm theo các hướng dẫn sau để chạy ứng dụng này:
- 1. Đã tải ứng dụng này xuống PC của bạn.
- 2. Nhập vào trình quản lý tệp của chúng tôi https://www.onworks.net/myfiles.php?username=XXXXX với tên người dùng mà bạn muốn.
- 3. Tải lên ứng dụng này trong trình quản lý tệp như vậy.
- 4. Khởi động trình giả lập trực tuyến OnWorks Linux hoặc trình giả lập trực tuyến Windows hoặc trình mô phỏng trực tuyến MACOS từ trang web này.
- 5. Từ Hệ điều hành OnWorks Linux mà bạn vừa khởi động, hãy truy cập trình quản lý tệp của chúng tôi https://www.onworks.net/myfiles.php?username=XXXXX với tên người dùng mà bạn muốn.
- 6. Tải xuống ứng dụng, cài đặt và chạy nó.
MÀN HÌNH
Ad
phần tử trượt
MÔ TẢ
Việc sử dụng JavaScript để tạo hoạt ảnh cho một phần tử mở và đóng theo truyền thống không phải là một nhiệm vụ đơn giản, đặc biệt nếu nó chứa nội dung có kích thước động. Bạn có thể sử dụng thứ gì đó giống như slideToggle() của jQuery, nhưng đường dẫn đó sẽ yêu cầu bạn sử dụng nhiều mã hơn mức cần thiết. Một tùy chọn khác là sử dụng CSS để thay đổi giá trị chiều cao tối đa của một phần tử, nhưng cách tiếp cận này đầy tùy tiện và khó thực hiện hiệu quả khi bạn không chắc chắn mình sẽ tạo hoạt ảnh cho bao nhiêu nội dung. Thư viện này hoàn thành công việc bằng cách sử dụng API Web Animations và không yêu cầu các phần tử phải có chiều cao cố định. Thay vào đó, độ cao của phần tử được tính toán dựa trên nội dung của chúng, sau đó áp dụng các giá trị thích hợp để kích hoạt quá trình chuyển đổi tự nhiên, mượt mà. Bản thân các hoạt ảnh được cung cấp bởi cùng một cơ chế được sử dụng trong quá trình chuyển đổi CSS, khiến đây trở thành một trong những cách tốt nhất để nâng cao hiệu suất.
Tính năng
- Đảm bảo phần tử mục tiêu của bạn được đặt thành display: none
- Chạy npm install slide-element hoặc sử dụng CDN như unpkg
- Nó nhỏ, mịn và tập trung làm tốt một công việc: trượt đồ đạc để mở và đóng
- Trượt phần tử xuống
- Trượt các phần tử lên
- Ngắt hoạt ảnh đang thực hiện
Ngôn ngữ lập trình
TypeScript
Danh Mục
Đây là một ứng dụng cũng có thể được tải xuống từ https://sourceforge.net/projects/slide-element.mirror/. Nó đã được lưu trữ trên OnWorks để có thể chạy trực tuyến một cách dễ dàng nhất từ một trong các Hệ điều hành miễn phí của chúng tôi.