google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






13 hiệu ứng cuộn tuyệt nhất cho việc làm web Với lượng thông tin dữ liệu cực lớn như hiện nay thì tính năng cuộn để hiện thị từng phần có lẽ là hiệu ứng JavaScript được ưa chuộng nhất, bài viết này nhằm tổng kết và khái quát lại các mã nguồn JavaScript có thể thực hiện tính năng này, cùng với một số đặc điểm của chúng, có lẽ là các hiệu ứng cuộn tốt nhất.


Danh mục: Bài viết

Nội dung bảng biểu có thể kéo thả Hiệu ứng JavaScript này cho phép người dùng có thể thực hiện kéo thả các ô nội dung của một bảng biểu trên trang web. Với các bảng có số lượng nội dung lớn thì tính năng trượt tự động sẽ được bật. Và bạn vẫn có thể thiết lập một ô nào đó không được phép kéo thả bằng cách gán một className="forbid".


Danh mục: Biểu mẫu, Bảng

Khung nội dung kéo thả ở đầu trang Đoạn mã này giúp bạn tiết kiệm không gian cho web thông qua một hiệu ứng khá độc đáo: tạo một khung nội dung xổ dọc có thể ẩn/hiện ở phía trên cùng của trang web. Người sử dụng nhấn vào nút nhô ra để kéo khung nội dung xuống, và nhấn thêm một lần nữa tại một vị trí bất kì trong khung để đóng nó lại. Hiệu ứng rất dễ chỉnh sửa và sử dụng, chẳng hạn như chiều cao của khung, nhãn của nút hiển thị, thời gian xuất hiện,...


Danh mục: Framework, jQuery

Trình chơi nhạc giao diện iPod Website bạn có một hệ thống âm thanh/âm nhạc? Bạn đang tìm một trình chơi nhạc bắt mắt cho website của mình? Bạn là một người hâm mộ các sản phẩm của Apple/iPod? Nếu các câu trả lời của bạn là 'Có' thì hãy sử dụng trình chơi nhạc bằng Flash này, với giao diện là máy nghe nhạc iPod nổi tiếng khắp thế giới, gói giao diện này chứa đến bảy demo. Hãy nổi nhạc lên nào!


Danh mục: Multimedia, Âm thanh

Chú thích với khung bo tròn và đổ bóng Ứng dụng JavaScript này giúp bạn tạo ra các chú thích cho bất cứ đối tượng nào như liên kết, biểu mẫu, bảng biểu,... khi có sự kiện rê chuột đến. Các chú thích này được trang trí bằng cách bo tròn tròn bốn góc và áp dụng hiệu ứng mờ trông rất đẹp. Hiệu ứng sử dụng framework Prototype kết hợp Scriptaculous, được tác giả thiết kế sẵn bốn mẫu trang trí mà bạn có thể dễ dàng thay đổi trong quá trình cài đặt.


Danh mục: Framework, Prototype

Bộ chọn ngày với cửa sổ phụ Hiệu ứng này giúp bạn chọn một thời điểm nào đó thông qua một cửa sổ popup phụ. Tính năng chọn thời điểm có lẽ không còn xa lạ trên JavascriptBank.com, nhưng bạn có thể dùng đoạn mã này để làm để tạo các hiệu ứng khác mà đòi hỏi sự điều khiển thông qua các cửa sổ phụ.

Lưu ý: vui lòng cho phép chạy popup (và ActiveX nếu bạn dùng Internet Explorer) để xem được hiệu ứng.


Nội dung di chuyển Đoạn mã JavaScript này tuy không sử dụng thẻ MARQUEE nhưng lại hoạt động tương tự như thẻ này, nghĩa là bạn có thể làm cho một đoạn nội dung nào đó di chuyển liên tục theo bốn hướng, khi người dùng rê chuột vào thì ngừng di chuyển,... Với mã này, hầu như bạn chỉ dùng JavaScript để cài đặt một "MARQUEE".


Danh mục: Scrollers

Trình đơn động nhiều cấp Thêm một sự lựa chọn nữa để tạo trình đơn nhiều cấp cho trang web của bạn, ở đoạn mã này, mỗi mục chọn của trình đơn đều được hỗ trợ một ảnh mô tả. Hiệu ứng sẽ hoạt động tốt trên mọi trình duyệt nhưng sẽ đẹp hơn nếu dùng Internet Explorer, bởi trình đơn sẽ áp dụng các bộ lọc của riêng Internet Explorer.


YUI - Thư viện giao diện người dùng của Yahoo Đúng như tên gọi, framework này khá mạnh về việc xây dựng giao diện cho các ứng dụng JavaScript, là một tập hợp rất phong phú về các ứng dụng được xây dựng sẵn, cùng với số lượng rất lớn tài liệu liên quan, vì vậy gói tải về của framework này khá lớn. Và framework này hoạt động dựa trên giấy phép BSD, miễn phí cho tất cả người dùng.


Danh mục: Framework, YUI

MooTools: Thư viện JavaScript nhỏ gọn Một framework cũng khá nổi tiếng và được sử dụng nhiều, được thiết kế dành cho các nhà phát triển JavaScript trung và cao cấp. Những điểm của MooTools là: mạnh mẽ, linh hoạt, tương thích tốt với các trình duyệt, tài liệu phong phú cùng với thư viện API đồng nhất.


Danh mục: Framework, MooTools

Ứng dụng AI Video.com
Tạo video doanh nghiệp của bạn bằng AI chỉ với giọng nói hoặc văn bản

chatGPTaz.com
Nói chuyện với ChatGPT bằng ngôn ngữ mẹ đẻ của bạn

Ứng dụng AI Video
Ứng dụng video AI MIỄN PHÍ đầu tiên của bạn

Deepfake Video
Deepfake AI Video Maker

Deepfake
Deepfake AI Video Maker

AI Deep Fake
Deepfake AI Video Maker

AIvidio
AI Video Mobile Solutions

AIvideos
AI Video Platform & Solutions

AIvedio
AI Video App Maker

Faceswap AI trực tuyến
Đổi mặt Video, Ảnh & GIF ngay lập tức với Công cụ AI mạnh mẽ - Faceswap AI Trực tuyến MIỄN PHÍ

Faceswap AI trực tuyến
Đổi mặt Video, Ảnh & GIF ngay lập tức với Công cụ AI mạnh mẽ - Faceswap AI Trực tuyến MIỄN PHÍ

Temu tặng $500 cho người dùng mới
Claim Free Temu $500 Credit via Affiliate & Influencer Program

Tín dụng quảng cáo TikTok miễn phí
Làm chủ quảng cáo TikTok cho hoạt động tiếp thị doanh nghiệp của bạn

Dall-E-OpenAI.com
Tự động tạo ra hình ảnh sáng tạo với AI

chatGPT4.win
Nói chuyện với ChatGPT bằng ngôn ngữ mẹ đẻ của bạn

Sản phẩm AI đầu tiên của Elon Musk - Grok/UN.com
Nói chuyện với Grok AI Chatbot bằng ngôn ngữ của bạn

Công cụ.win
Mở trung tâm công cụ miễn phí để mọi người sử dụng với hàng trăm công cụ

GateIO.gomymobi.com
Airdrop miễn phí để nhận, chia sẻ lên đến 150.000 đô la cho mỗi dự án

iPhoneKer.com
Tiết kiệm tới 630$ khi mua iPhone 16 mới

Mua Robot Tesla Optimus
Đặt mua Tesla Bot: Robot Optimus Gen 2 ngay hôm nay với giá dưới 20.000 đô la

JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web