• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Tạo Menu sổ dọc cơ bản sử dụng Javascript

3
17/10/2010

Kiểu Menu sổ dọc là một cách tuyệt vời để gom nhiều liên kết vào một vùng nhỏ.

Bài viết này sẽ hướng dẫn bạn cách tạo một thanh menu sổ dọc cơ bản nhưng cũng rất hữu ích khi thiết kế web.

Xem Demo.

Bước 1: Đặt code Javascript dưới đây vào phần đầu (trước thẻ </head>) của trang web.


<script language="javascript"><!--
function openURL()
{

// grab index number of the selected option
selInd = document.theForm.aaa.selectedIndex;

// get value of the selected option
goURL = document.theForm.aaa.options[selInd].value;

// redirect browser to the grabbed value (here a URL)
top.location.href = goURL;

}

//-->
</script>

Bước 2: Thiết lập HTML để hiển thị Menu sổ dọc, như ví dụ bên dưới.

<form name="theForm"> <tt>
<select name="aaa" size="1">
<option selected value="/trang-chu.html">Home </option>
<option value="#">-------------------- </option>
<option value="/introduction.html">Introduction </option>
<option value="/service.html">Services </option>
<option value="#">-------------------- </option>
<option value="/products.html">Products </option>
<option value="/download.html">Download </option>
<option value="/resources.html">Resources </option>
<option value="#">-------------------- </option>
<option value="/contact.html">Contact </option>
<option value="/faq.html">FAQ </option>
</select>
<input type="button" value=" GO " onClick="openURL()"> </tt>
</form>

Nếu bạn không cần sử dụng nút GO thì bỏ dòng code của nó, tức là dòng trước thẻ </form>. Sau đó bạn phải thay đổi dòng thứ hai thành thế này:

<select name="aaa" size="1" onchange="openurl()">

{3 bình luậnAdd yours ?}

20:32:00, 12 thg 2, 2011

cái này áp dụng cho blog thế này vậy anh hướng dẫn cụ thể hơn được không

Reply
10:26:00, 2 thg 5, 2011

cái này ko biết xài...làm thử nhưng ko chạy

Reply
14:04:00, 2 thg 5, 2011

Cuối cùng cũng đã làm được...đoạn Script phải bỏ chung với HTML ở Gadget, ko chèn trước thẻ Head

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn