Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]


Cấp bậc !
•Bang Chủ•
Tạo Menu sổ dọc cơ bản sử dụng Javascript  Thtx_010Tạo Menu sổ dọc cơ bản sử dụng Javascript  Thtx_011Tạo Menu sổ dọc cơ bản sử dụng Javascript  Thtx_012
Tạo Menu sổ dọc cơ bản sử dụng Javascript  Thtx_013[KiNg]_[PiN]-BBTạo Menu sổ dọc cơ bản sử dụng Javascript  Thtx_014
Tạo Menu sổ dọc cơ bản sử dụng Javascript  Thtx_015Tạo Menu sổ dọc cơ bản sử dụng Javascript  Thtx_016Tạo Menu sổ dọc cơ bản sử dụng Javascript  Thtx_017
•Bang Chủ•

[KiNg]_[PiN]-BB

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()">

http://a1k44.thptbatbat.com
Loading

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết

 
  • Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất
© 2012 A1K44BB
FM PunBB - Edit by HOàng Hải