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 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ử.

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.

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 đồng hồ báo giờ tuyệt nhất trên trang web tôi từng thấy bằng JavaScript, mặc dù hiệu ứng báo giờ này chỉ thay đổi mỗi năm phút nhưng nó có cách hoạt động và báo giờ cực kì độc đáo: hiển thị hoàn toàn bằng từ ngữ mà không có bất kì con số nào.

Đây thực sự là một hiệu ứng JavaScript/jQuery tuyệt vời để tạo nên một không gian trưng bày ảnh trên web. Bên cạnh một giao diện được thiết kế khá đẹp, hiệu ứng này còn cho phép người dùng chọn cách hiển thị ảnh theo dạng danh sách chi tiết hoặc thu gọn dạng lưới.

Hãy xem thêm các hiệu ứng trình diễn ảnh có trên jsB@nk nếu bạn vẫn còn muốn:

- 16 hiệu ứng trưng bày ảnh miễn phí
- Trưng bày ảnh

Một đoạn mã JavaScript rất đơn giản nhưng lại tao được một hiệu ứng hộp thoại thông báo bằng AJAX khá tuyệt bởi sự hỗ trợ cực kì mạnh mẽ của thư viện MooTools. Trong ví dụ mẫu JavaScript này, mỗi khi người dùng nhấn nút "Save", hiệu ứng sẽ hiển thị một khung hộp thoại thông báo thao tác thực hiện.

Mã nguồn JavaScript cũng như tài liệu hướng dẫn kĩ thuật được đính kèm đầy đủ bên trong, bạn vui lòng vào trang chi tiết để xem thêm, hoặc dùng thử các hiệu ứng JavaScript với MooTools bên dưới:

- Vài website siêu tuyệt đẹp dùng MooTools
- Trình đơn định hướng kiểu Carousel dùng Mootools

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.

Một đoạn mã JavaScript cực kì tuyệt vời để tạo hiệu ứng trình đơn dạng thẻ để hiển thị thông tin trên trang web. Trình đơn thẻ này có cách thức hoạt động tương tự như các ứng dụng có giao diện dùng thẻ khác và hiệu ứng này có giao diện khá giống với trình duyệt Firefox cùng với các tính năng mà hiệu ứng thẻ này hỗ trợ:
- Tạo không hạn chế thẻ
- Cho phép tạo thêm thẻ thông qua AJAX hoặc IFRAME
- Có thể tạo các thẻ không thể đóng (dành để hiển thị thông tin quan trọng)

Hãy thưởng thức thêm các hiệu ứng thẻ JavaScript tuyệt vời có trên jsB@nk:

- Khung tìm kiếm đơn giản dạng thẻ với CSS
- Các trình đơn dạng thẻ hữu ích
- Tab nội dung
- Tạo các tab
- Tab nội dung