Hướng dẫn tạo Box dropdown

Hướng dẫn tạo Box dropdown Liên kết websites Xin chào các bạn, gần đây có nhiều bạn mới lập trang riêng có hỏi về cách thiết lập hộp liên kết xổ ra dropdown box giống như hộp liên

Hướng dẫn tạo Box dropdown ( Liên kết websites )

Xin chào các bạn, gần đây có nhiều bạn mới lập trang riêng có hỏi về cách thiết lập hộp liên kết xổ ra ( dropdown box ) giống như hộp liên kết của DIỄN ĐÀN TƯ VẤN TIN HỌC Tôi nghĩ chủ đề này không mới, nhưng lại rất cần cho những người mới "vào nghề" Nó làm cho trang web của chúng ta gọn gàng mà lại mang tính thẩm mỹ cao

Vì vậy tôi xin hướng dẫn cách làm như sau:

Ta coi đoạn code gồm có 3 phần:

<select

id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_blank');this.opti ons[0].selected=true" style="width: 180; " class="text_noresize" name="select"><option selected="selected">Điểm báo online</option><option

value="about:Tabs"> -</option> <option

value="http://lekimtuong.violet.vn/">Diễn đàn tư vấn tin học</option></select>

4- Kết luận:

Nối 3 đoạn của 3 phần trên ta được một dropdown box thật tuyệt vời

5- Lưu ý: + Nếu muốn làm 2 hay nhiều hơn các box bạn phải thực hiện lại các bước trên

+ Dấu cách và xuống hàng trong HTML code không quan trọng, do vậy ta nên soạn thảo trên Word là thích hợp nhất ( font UNICODE )

+ Nếu bạn nào ngại vất vả thì test thử đoạn code của DIỄN ĐÀN TƯ VẤN TIN HỌC xem sao nhé

<select

id="Select1"onchange="window.open(this.options[this.selectedIndex].value,'_blank');this.opti ons[0].selected=true" style="width: 180; " class="text_noresize" name="select"><option selected="selected">Điểm báo online</option><option

value="about:Tabs"> -</option> <option

value="http://lekimtuong.violet.vn/">Diễn đàn tư vấn tin học</option> <option

value="http://vietnamnet.vn">Vietnamnet</option> <option

value="http://vnexpress.net">VnExpress</option><option

value="http://thanhnien.com.vn">Thanh Niên</option><option

value="http://dantri.com.vn">Dân trí</option><option value="http://tuoitre.com.vn">Tuổi trẻ Online</option><option value="http://tienphong.vn/">Tiền phong Online</option><option value="http://vietbao.vn">Việt báo</option><option value="http://www.baomoi.com/">Báo mới</option><option value="http://www.nhandan.org.vn/">Nhân dân

Online</option><option value="http://www.qdnd.vn/qdnd/baongay.qdnd">Quân đội nhân dân</option><option value="http://www.thethaovanhoa.vn/">Thể thao - Văn

hóa</option><option value="http://www.laodong.com.vn/">Lao động</option><option value="http://antg.cand.com.vn/">An ninh thế giới</option><option

value="http://www.thegioiphunu-pnvn.com.vn/">Phụ nữ Việt nam</option><option

value="http://suckhoedoisong.vn/home.htm">Sức khoẻ đời sống</option> </select>