MENU 
Sản phẩm-chipkool.tk.png)
Trang chủ
Nổi bậc
Tiện ích-chipkool.tk.png)
Tài khoản
Tác vụ
YOUTUBE
NHẠC
Trang chủ
Tạo Menu sổ dọc nhiều cấp
Chủ Nhật, 17 tháng 10, 2010
Kiểu Menu sổ dọc có một ưu điểm là tiết kiệm không gian web cho trang web của bạn. Menu sổ dọc cũng là một lựa chọn tối ưu của khá nhiều website hiện nay. Ví dụ như trang Kitco.com.Chỉ cần sử dụng một đoạn mã JavaScript đơn giản, bạn có thể tạo một Menu sổ dọc tự động dẫn đến các liên kết mỗi khi người dùng chọn các tùy chọn.
Trước hết, đặt đoạn mã dưới đây vào phần đầu của trang web, giữa các thẻ <head>, </head>.
<script language="javascript">
<!-- A the script from old browsers --
function goto(form) { var index=form.select.selectedIndex
if (form.select.options[index].value != "0") {
location=form.select.options[index].value;}}
//-->
</script>
<!-- A the script from old browsers --
function goto(form) { var index=form.select.selectedIndex
if (form.select.options[index].value != "0") {
location=form.select.options[index].value;}}
//-->
</script>
Bước tiếp theo là đặt code HTML tại vị trí muốn tạo Menu như bên dưới.
<form name="form1">
<select name="select" onchange="goto(this.form)" size="1">
<option value="">-------Please choice-------
<option value="#">Title for item # 1</option>
<option value="#">Title for item # 2</option>
<option value="#">Title for item # 3</option>
<option value="#">Title for item # 4</option>
<option value="#">Title for item # 5</option>
<option value="#">Title for item # 6</option>
</select>
</form>
<select name="select" onchange="goto(this.form)" size="1">
<option value="">-------Please choice-------
<option value="#">Title for item # 1</option>
<option value="#">Title for item # 2</option>
<option value="#">Title for item # 3</option>
<option value="#">Title for item # 4</option>
<option value="#">Title for item # 5</option>
<option value="#">Title for item # 6</option>
</select>
</form>
Bạn cần thay đổi các Tile for item tương ứng với tên menu con tùy chọn và đặt URL tương ứng cho các tùy chọn đó.
Tăng cỡ chữ
Mặc định
Giảm cỡ chữ
Lên trên
Tổng số Bình luận [ 0]
Đăng nhận xét