Một trình đơn định hướng cực kì độc đáo và bắt mắt trên trang web sử dụng thư viện JavaScript chuyên dùng cho các hoạt hóa là MooTools, trình đơn định hướng này có giao diện và cách hoạt động tương tự như thanh DockBar trên các máy hệ Mac với các đặc điểm:
- Các biểu tượng sẽ phóng to khi ta rê con trỏ chuột vào
- và thu nhỏ lại khi con trỏ chuột rời đi.
- Tính năng cuộn và mờ dần khi di chuyển sang các biểu tượng khác.
- Các hiệu ứng được thực hiện khá mượt.

Đâ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.

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

Sưu tập các hiệu ứng JavaScript về các kiểu đồng hồ đẹp và độc đáo là một trong những tiêu chí ban đầu khi tôi lập ra jsB@nk; đến thời điểm bài viết này, có thể nói jsB@nk có số lượng hiệu ứng về đồng hồ cực kì phong phú, trong đó chỉ một số là đẹp, hầu hết còn lại là rất đẹp và tuyệt đẹp [cười:D], với trên 50 hiệu ứng tất cả, bạn có thể kiểm chứng qua liên kết tìm kiếm này: http://www.javascriptbank.com/en+title=clock. Vài hiệu ứng JavaScript được tôi giới thiệu gần đây là:

- jsClock: Đồng hồ số tiện dụng với JavaScript
- Đồng hồ đọc giờ với JavaScript
- CoolClock - Đồng hồ kim tuyệt đẹp với JavaScript

Hôm nay, jsB@nk muốn giới thiệu với bạn thêm một hiệu ứng JavaScript khác để tạo một đồng hồ kim tuyệt đẹp trên trang web. Hiệu ứng đồng hồ kim này được tạo bởi jQuery và Raphaël, cho phép người dùng chọn 1 trong 14 kiểu hiển thị có sẵn (dĩ nhiên bạn có thể dễ dàng thêm các kiểu khác) cùng với việc chỉnh sửa màu sắc của 3 kim giờ, phút và giây. Bạn vui lòng vào trang ví dụ mẫu JavaScript trực tiếp để thưởng thức đồng hồ kim tuyệt đẹp 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

Hôm nay trong bài viết này, jsB@nk hân hạnh giới thiệu đến bạn một đoạn mã JavaScript tạo trình diễn cực kì độc đáo chỉ với 2 dòng mã lệnh JavaScript, do hiệu ứng trình diễn này được thực hiện dựa trên nền tảng jQuery. Một đoạn mã JavaScript cực kì đơn giản để cài đặt nhưng hiệu ứng hoạt hóa của nó thì rất tuyệt để dùng trên các trang web của bạn. Hãy vào trang trong để xem chi tiết.

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.

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 này sẽ hiển thị một khung chứa rất nhiều trình đơn, cùng với rất rất rất nhiều mục chọn của chúng khi người dùng rê chuột vào liên kết được chỉ định. Hiệu ứng rất thích hợp nếu website bạn có số lượng danh mục cực lớn, lên đến hàng trăm, cần hiển thị tất cả, giống như trường hợp của jsB@nk phiên bản 8 này.

Một đoạn mã JavaScript đơn giản sử dụng thư viện jQuery để tạo một khung chứa văn bản di chuyển liên tục lên phí trên. Đoạn mã rất dễ cài đặt và chỉnh sửa cho phù hợp nhu cầu sử dụng, đồng thời kết hợp với việc sử dụng CSS nên hiệu ứng trông khá bắt mắt.