Một đoạn mã JavaScript cực kỳ độc đáo để ra hiệu ứng trình đơn y chang các nội dung Flash: người dùng chỉ cần di chuyển con trỏ chuột đến các cạnh của khung thì nội dung tự động trượt sang.

Bạn vui lòng vào trang ví dụ mẫu trực tiếp để thưởng thức hiệu ứng rất tuyệt vời này cùng với các hướng dẫn cài đặt chi tiết.

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

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.

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.

Khi người dùng nhấn vào nút chỉ định, hiệu ứng JavaScript này sẽ thực hiện việc lấy mã màu của các đối tượng có trên trang web đã được gán trước trước đó và hiển thị ra trên các ô màu hình chữ nhật. Ý tưởng của tác giả khi xây dựng đoạn mã JavaScript này là cung cấp cho người dùng mã màu mà không cần phải xem chi tiết mã nguồn trang web.

Thử thêm các hiệu ứng JavaScript khác trên jsB@nk để lấy mã màu nếu bạn đang có nhu cầu này:

- JavaScript công cụ chọn màu
- JavaScript công cụ chọn màu của Milonic
- JavaScript chọn màu
- JavaScript chọn màu cho các đối tượ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.

Một tập hợp thư viện hàm Prototype của JavaScript và AJAX.

Bạn có thể tìm các tài liệu hướng dẫn tại http://tinyurl.com/c7agc và http://tinyurl.com/buhp2.

Với đoạn mã này, chú thích của bạn được nhúng trực tiếp vào trong trang web và sẽ hiển thị với hiệu ứng mờ dần mỗi khi người dùng rê chuột vào liên kết chỉ định. Chú thích sẽ hiển thị ngay bên dưới liên kết và bạn có thể sử dụng các thẻ HTML cho chú thích.

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.

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?!