Bước 1: Dùng DreamWeaer tạo một một nút kiểu Rollover Image, khi đó DreamWeaver sẽ tự xây dựng cho bạn một số đoạn script (Nếu không rành về JavaScript th́ nói chung là đọc hơi khó hiểu). Hiểu th́ tốt, nếu không cũng chả sao, bạn tạm thời không cần quan tâm đến những đoạn script đó.
Bước 2: Bạn copy đoạn script sau bỏ vào cặp tag <script> được sinh ra khi tạo Rollover Images để bổ sung thêm function cho nó :
Quote: function MM_showHideLayers() { var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible'v=='hide')?'hidden':v; } obj.visibility=v; } }
Lưu ư: Bạn phảI bỏ đoạn function trên chung vào vớI các function của Rollover Images nhé, v́ function trên có sử dụng lại một số function của Rollover Images.
Bước 3: Bạn tiến hành tạo một Layer chứa đối tượng bạn muốn hiện thị (Đối tượng đó có thể là Table, Image, . . . là ǵ cũng được) Nhớ đặt tên cho Layer đó và mặc định cho nó ẩn đi nha. VD: <div id=“ABC” style="visibility: hidden; . . . ">. . .</div>
Bước 4: Sử dụng onMouseOver, onMouseOut . . . kết hợp với ḍng lệnh sau để ẩn/hiện Layer vừa tạo: MM_showHideLayers('ABC','','show') // Dùng để hiện thị Layer MM_showHideLayers('ABC','','hide') // Dùng để ẩn Layer Ghi chú: ABC là id của Layer, show/hide là trạng thái hiện thị của Layer
Bước 5: Bạn save lại và chạy thử, tất nhiên đẹp hay xấu là do bạn trang trí nhé. Vậy là bạn đă có một Menu như của Window nhưng sử dụng được trên Web
v=='hide')?'hidden':v; }
