Với đoạn mã này, bạn sẽ dễ dàng tác động hiệu ứng mờ dần khi người dùng rê chuột đến cho bất cứ đối tượng nào trên web một cách nhanh chóng, bằng cách thêm một tên lớp cho đối tượng và các công việc còn lại sẽ được hiệu ứng thực hiện.

Đây là một hiệu ứng JavaScript chuyển ảnh cực kì tuyệt vời dùng thư viện jQuery để trình diễn các hoạt hóa. Và bạn vẫn có thể dùng hiệu ứng này để làm một trình diễn ảnh chuyển động (slideshow) hoặc một phòng trưng bày ảnh (gallery) đều được.

Ngay bây giờ, bạn có thể xem trực tiếp cách hoạt động của khung trưng bày ảnh này thông qua ví dụ mẫu JavaScript trực tiếp, và cài đặt cho riêng mình với các mã nguồn JavaScript/CSS/HTML đã được cung cấp sẵn. Hoặc bạn có thể đợi đến bài viết kế tiếp vào ngày mai, jsB@nk sẽ hướng dẫn bạn chi tiết cách tạo hiệu ứng này.

Thêm một hiệu ứng JavaScript khác nữa được giới thiệu trên jsB@nk để tạo một bộ đếm thời gian cực đẹp với giao diện của HTC (một nhà sản xuất điện thoại thông minh rất nổi tiếng của Đài Loan) được xây dựng trên nền tảng jQuery.

Mã nguồn JavaScript của bộ đếm thời gian này đã được xây dựng sẵn, bạn chỉ cần nạp vào trang web và cài đặt chỉ với một vài dòng mã lệnh JavaScript đơn giản. Hãy vào trang ví dụ mẫu JavaScript trực tiếp để thưởng thức hiệu ứng này hoặc xem thêm các bộ đếm thời gian tuyệt đẹp khác đã từng được giới thiệu trên jsB@nk:

- Bộ đếm thời gian độc đáo với jQuery
- Bộ đếm thời gian dạng thanh với jQuery
- Bộ đếm thời gian giảm dần đẹp tuyệt vời

Bảng thông báo mờ ảo - một hiệu ứng rất hữu ích và thực tế để hiển thị lần lượt các nội dung quan trọng (hay thông báo) trên website của bạn, với hiệu ứng mờ dần khi xuất hiện và biến mất. Nội dung có thể được xây dựng sẵn trên cùng trang, hoặc có thể được lấy từ các trang khác thông qua kĩ thuật AJAX; hiệu ứng còn sử dụng cookie để lưu thông điệp cuối cùng mà người dùng đã nhấn.

Hiệu ứng trình đơn này cực kì thích hợp với những website có hệ thống danh mục to lớn cả về chiều sâu lẫn chiều rộng (các danh mục được chia theo nhiều chủ đề); hiệu ứng JavaScript này sẽ hiển thị tất cả các danh mục với một ngữ cảnh tươi sáng đầy màu sắc, mỗi chủ đề của danh mục sẽ có một ảnh minh họa riêng.

Với sự hỗ trợ của thư viện jQuery, hiệu ứng sẽ thực hiện hoạt hóa cuộn cho mỗi danh mục mỗi khi người dùng nhấn chuột vào, bạn có thể thay đổi dễ dàng các phương thức hoạt hóa với các hàm có sẵn của jQuery.

Việc xây dựng hoàn chỉnh hiệu ứng này từ đầu khá công phu, jsB@nk sẽ hướng dẫn bạn từng bước để làm hiệu ứng này trong bài viết sau, còn bây giờ bạn hãy vào trang ví dụ mẫu JavaScript trực tiếp để thưởng thức.

Hiệu ứng JavaScript này sử dụng thư viện jQuery và tệp tin XML để tạo một khung hiển thị các ý kiến đánh giá của khách hàng đối với website. Giao diện của khung được thiết kế khá đẹp và các ý kiến đánh giá sẽ được hiển thị ngẫu nhiên với hiệu ứng mờ dần, bạn có thể dễ dàng thay đổi các hiệu ứng khác với thư viện jQuery. Một hiệu ứng JavaScript độc đáo dành cho các website thương mại điện tử.

Trên Internet đã tồn tại nhiều phiên bản của trò chơi rắn săn mồi được viết với ngôn ngữ JavaScript. Nên trò chơi này cũng chỉ là một bài luyện tập của tác giả với ngôn ngữ JavaScript. Tác giả đã dùng thư viện YUI 2 để xử lí các sự kiện JavaScript và DOM.

Bên trên là vài thông tin giới của tác giả trò chơi, còn bây giờ, jsB@nk mời bạn tham gia trò chơi rắn săn mồi này; hãy dùng các phím mũi tên để di chuyển và nhấn phím P để tạm dừng hoặc tiếp tục.

Các hiệu ứng trò chơi rắn săn mồi bằng JavaScript từng được giới thiệu trên jsB@nk:
- Rắn săn mồi
- JavaScript Rắn săn mồi

Một bộ đếm thời gian (countdown timer) với giao diện cực kì độc đáo, bắt mắt và sáng sủa để hiển thị trên website của bạn. Hiệu ứng này sẽ đếm số tuần, số ngày và thời gian đến một thời điểm đã được định trước. Bên cạnh đó hiệu ứng còn cho phép người dùng chọn một trong hai giao diện đen hoặc trắng để sử dụng; đồng thời người dùng cũng có thể dễ dàng chỉnh sửa mã nguồn JavaScript hơn bởi hiệu ứng này sử dụng thư viện jQuery làm nền.

Thêm một hiệu ứng tạo bộ đếm thời gian cực kì độc đáo nữa được liệt vào bộ sưu tập các bộ đếm có trên jsB@nk:

- Đồng hồ đếm ngược
- Xây dựng bộ đếm thời gian đơn giản với Flash và ActionScript
- Bộ đếm thời gian dạng thanh với jQuery
- Tạo một bộ đếm thời gian giảm dần theo mô hình OOP
- Bộ đếm thời gian giảm dần đẹp tuyệt vời

Có thể nói jQuery đang là framework được dùng phổ biến nhất hiện nay, bởi rất nhiều thế mạnh như: mã nguồn ngắn gọn, uy lực mạnh mẽ, tài liệu và ví dụ tham khảo nhiều... cùng với vô số plugin; đúng như nhóm tác giả đã mô tả: "jQuery được thiết kế để thay đổi cách bạn dùng JavaScript". Và đây là cũng framework mà jsB@nk bắt đầu sử dụng từ Phiên bản 7.0 (?). Bạn hãy tự khám phá để biết lời đồn dành cho nó thực sự là như thế nào?!

Hiệu ứng sẽ tạo một trình đơn với chuyển động kéo xổ xuống mỗi khi người dùng rê chuột đến liên kết được chỉ định, hoặc được thiết lập để xuất hiện khi người dùng nhấn chuột vào liên kết chỉ định. Trình đơn còn cho phép bạn thiết lập chiều cao với tính năng cuộn đối với các danh sách liên kết lớn.