25/09/2009
0
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.
Một đoạn mã tương tự như Trình đơn xếp gập để hiển thị nội dung có liên quan chỉ qua một cú nhấn chuột, và chỉ một chủ đề được hiển thị ở mỗi thời điểm. Tuy nhiên, thiết kế ở đoạn mã này không tốt bằng.
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.
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.
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
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.
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.
Bạn có thể dùng hiệu ứng JavaScript này để tạo các chú thích cho các đối tượng giống như F.A.Q, các chú thích sẽ được hiển thị khi người dùng rê con trỏ chuột đến và bạn có thể dùng mã HTML cho các chú thích.
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.
Đây là một hiệu ứng tạo các trình đơn nhiều cấp trên trang web và có thể áp dụng nhiều hiệu ứng duyệt trình đơn. Hiệu ứng hoạt động hoàn toàn dựa vào các thẻ danh sách UL, đơn giản ta chỉ cần thêm thuộc tính class cho chúng; hiệu ứng được kiểm tra và hoạt động tốt trên các tình duyệt như IE5.5+, Firefox 1.5+, Opera 8.5+, Safari.
