Hiệu ứng tạo một trình đơn có màu nền và chữ của từng mục chọn đổi màu khi bạn rê con trỏ chuột vào.

Hiệu ứng tạo một trình đơn nhiều cấp trên trang web, và ở mỗi thời điểm, hiệu ứng chỉ cho phép người dùng chọn một trình đơn phụ để xem mà thôi.

Một trình đơn nhiều cấp có thể thu gọn / mở rộng dễ dàng. Trình đơn sẽ dùng cookie để lưu trạng thái đóng mở của các mục chọn. Một trình đơn nằm dọc rất kiểu cách và bắt mắt trên trang web.

Hiệu ứng này kết hợp cả CSS và JavaScript để tạo một trình đơn định hướng nhiều cấp trên trang web, các trình đơn con sẽ xổ xuống khi người dùng rê con trỏ chuột vào. Bạn có thể dễ dàng thêm nhiều cấp như mong muốn và hiệu ứng này không sử dụng thẻ table để thiết kế trình đơn mà dùng kĩ thuật CSS đang thịnh hành hiện nay.

Một đoạn mã JavaScript khác để tạo một trình đơn nhiều cấp nằm ở phía trái trang web. Hiệu ứng sẽ hiển thị các trình đơn phụ mỗi khi người dùng rê chuột đến các trình đơn chính.

Trình đơn xổ dọc này trong rất gọn nhẹ và dễ dàng để cài đặt vào bất cứ vị trí nào trên trang web của bạn. Đặc điểm của trình đơn JavaScript trong đoạn mã JavaScript này là trình đơn JavaScript được thiết kế theo chuẩn Web 2.0, không dùng bảng (tableless) và rất dễ để thay đổi độ sâu của trình đơn.

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.

Nghe tên có lẽ bạn sẽ nghĩ rằng đoạn mã JavaScript này cực kì phức tạp về chức năng lẫn mã nguồn? Nếu bạn đang nghĩ như thế thì có thể tác giả đã làm bạn thất vọng rất nhiều, bởi bản thân đoạn mã không có gì là phức tạp và chức năng cũng vậy (jsB@nk nghĩ vậy); vấn đề chỉ là tên do tác giả đặt nên phải tuân theo.

Hiệu ứng chỉ là hiển thị nội dung thông tin thêm dựa vào hành vi của người dùng với các sự kiện như rê con trỏ chuột và nhấn chuột để hiển thị khung chú thích ngay vị trí này. Bạn có thể xem hiệu ứng tương tự là Nội dung chồng lấn.

Đoạn mã JavaScript này sẽ tạo một trình đơn nhiều cấp trên trang web (trong ví dụ JavaScript mẫu là 3 cấp, và dĩ nhiên bạn có thể tạo bao nhiêu cấp cũng được).

Điểm sáng giá của hiệu ứng JavaScript này ở chỗ nó chỉ cho phép một trình đơn cấp gốc được chọn mỗi lần; đồng thời nó dùng cookie để lưu trạng thái đóng/mở của các trình đơn, mỗi khi trang web được tải lại thì nó vẫn hiển thị vị trí đã mở.

Hiệu ứng tạo một trình đơn ẩn trong logo của website. Logo này tự động trượt theo các thanh trạng và mỗi khi người dùng rê con trỏ chuột đến logo thì trình đơn sẽ được hiển thị, và khi rê con trỏ chuột ra khỏi menu sau một khoảng thời gian thì menu sẽ chuyển thành logo như cũ. Một hiệu ứng rất tuyệt dùng để tiết kiệm không gian trên tran web.