Một hiệu ứng JavaScript tạo trình đơn nhiều cấp khá độc đáo với giao diện trình đơn của ứng dụng DreamWeaver - một hiệu ứng trình đơn khá mới lạ để tạo sự khác biệt trên website của bạn. Điểm đặc biệt là hiệu ứng trình đơn này không dùng bất kì thư viện JavaScript hỗ trợ nào. Bạn có thể vào trang chi tiết để xem ví dụ mẫu JavaScript trực tiếp và tải về mã nguồn đầy đủ đính kèm, hoặc xem thêm các trình đơn tuyệt vời khác được giới thiệu trên jsB@nk:

- Trình đơn định hướng kiểu xếp tầng tuyệt đẹp với jQuery
- Trình đơn định hướng nhiều cấp với trạng thái nhớ
- Các giải pháp trình đơn đa cấp siêu đẹp dùng jQuery
- Trên 30 trình đơn định hướng với framework
- 9 trình đơn định hướng dạng cây thư mục hữu ích
- Các trình đơn định hướng tốt nhất cho thiết kế dùng jQuery

Hiển thị thông tin thêm chỉ qua một cú nhấn chuột, đó là chức năng của đoạn mã JavaScript này. Tại mỗi thời điểm chỉ một trình đơn được mở, trình đơn được mở trước đó sẽ tự động được đóng lại. Hiệu ứng cho phép bạn tạo không giới hạn các trình đơn, vì vậy sẽ rất phù hợp để thiết kế các F.A.Q.

Một trình đơn nằm ngang 2 cấp trên trang web bằng cách sử dụng CSS và JavaScript, khi người dùng rê con trỏ chuột đến các mục chọn của trình đơn cấp 1 thì menu cấp hai xuất hiện với hiệu ứng mờ dần.

Hiệu ứng tạo một menu xoay 3D đơn giản bởi các nút nhấn, các tùy chọn được xoay theo quĩ đạo tròn tùy theo khoảng cách mà có kích thước khác nhau.

Hiệu ứng tạo các khu vực nội dung với các kiểu tab khác nhau, trông rất bắt mắt. Một thư viện rất phong phú và mạnh mẽ để xây dựng nội dung dựa trên các tab.

Hiệu ứng tạo ra các trình đơn trượt nằm ở nhiều vị trí khác nhau trên trang web: top, left, right. Các trình đơn này có tốc độ trượt khác nhau mỗi khi người dùng rê con trỏ chuột đến và đồng thời chúng cũng có khả năng tự động trượt theo các thanh cuộn của trang web. Các cài đặt của những menu này nằm trong các tập tin .js bên ngoài nhằm tạo sự thuận lợi cho việc chỉnh sửa.

Bạn có thể dùng đoạn mã JavaScript này sử dụng trình đơn xổ dọc để tạo chức năng định hướng cho các liên kết (khác) trên trang web. Mỗi khi người dùng nhấn chọn thì trình duyệt sẽ dẫn người dùng đến địa chỉ cụ thể tương ứng do bạn thiết lập. Một hiệu ứng JavaScript cực kì nhỏ gọn nhưng đầy hiệu quả với những trang web có quá nhiều chi tiết, cần phải tiết kiệm không gian.

Hiệu ứng tạo ra các liên kết chức các danh sách chọn động.

Hiệu ứng tạo ra các trình đơn định hướng với giao diện và cách hoạt động khá giống với các trình đơn trong HĐH Windows XP. Ngoài ra, hiệu ứng còn kết hợp với cookie để lưu trạng thái của trình đơn, cùng với tính năng mờ dần là một tùy chọn, bạn có thể tắt nó đi.

Bạn có thể xem thêm phiên bản đầu tiên của hiệu ứng: Menu kiểu công tắc

Thêm một đoạn mã JavaScript JavaScript nữa để tạo trình đơn nhiều cấp trên trang web, trình đơn JavaScript này có thể được định nghĩa để hiển thị theo chiều ngang hoặc dọc.