google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






Trên 30 trình đơn định hướng với framework Một trình đơn định hướng đẹp cộng với một giao diện thân thiện sẽ giúp cho người sử dụng dễ dàng định hướng trên web và sẽ truy xuất nội dung cần thiết nhanh hơn. Cái khó hiện nay là các nhà phát triển web phải tốn rất nhiều thời gian để làm cho các trình đơn làm việc đúng trên tất cả các trình duyệt. Giải pháp đơn giản hiện nay là sử dụng các thư viện framework, và đây cũng là mục đích của bài viết này.


Nhãn: 30, trình đơn định hướng, framework, giao diện, thân thiện, định hướng, nhà phát triển web,

Miễn phí web hosting 1 năm đầu tại iPage



Nếu bạn vẫn còn đang tìm kiếm một nhà cung cấp hosting đáng tin cậy, tại sao không dành chút thời gian để thử với iPage, chỉ với không quá 40.000 VNĐ/tháng, nhưng bạn sẽ được khuyến mãi kèm với quà tặng trị giá trên 10.000.0000 VNĐ nếu thanh toán cho 24 tháng ~ 900.000 VNĐ?

Có trên 1 triệu khách hàng hiện tại của iPage đã & đang hài lòng với dịch vụ, tuyệt đối chắc chắn bạn cũng sẽ hài lòng giống họ! Quan trọng hơn, khi đăng ký sử dụng web hosting tại iPage thông qua sự giới thiệu của chúng tôi, bạn sẽ được hoàn trả lại toàn bộ số tiền bạn đã sử dụng để mua web hosting tại iPage. Wow, thật tuyệt vời! Bạn không phải tốn bất kì chi phí nào mà vẫn có thể sử dụng miễn phí web hosting chất lượng cao tại iPage trong 12 tháng đầu tiên. Chỉ cần nói chúng tôi biết tài khoản của bạn sau khi đăng ký.

Nếu muốn tìm hiểu thêm về ưu / nhược điểm của iPage, bạn hãy đọc đánh giá của ChọnHostViệt.com nhé!
Thử iPage miễn phí cho năm đầu tiên NGAY

Tree style Menus

jQuery - Menu tree

Just a simple four level vertical sliding menu tree. Clicking any of the 'orange' list items will expand that sub level and contract any other open level. Re-clicking the same list item will close that level and any sub levels that are open.

Tested in IE6, IE7, Firefox, Opera, Safari (PC) and Google Chrome.

jquery navigation

jQuery File Tree

jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code. Currently, server-side connector scripts are available for PHP, ASP, ASP.NET, JSP, and Lasso.

What i like about this menu, is its ability to style icons based on file extension and using AJAX to fetch file information on the fly. More over you can customize expand/collapse event and speeds.

jquery navigation

View Demo | Download source code

jQuery plugin: Treeview

Lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements.

jquery navigation

Other Menu Types

Sliding Top Menu With jQuery

This is a sliding top menu built with jQuery which can be fired through the open & close buttons or with any tag with the related class name.

You can also use it as an info box, login area & more.

.

jquery navigation

Create Vimeo-like top navigation

Almost the same top navigation implemented on Vimeo.com is created by Janko. Best thing about it, is the menu that drops down when you hover search box. It offers you different search options that you can choose and narrow your search.

jquery navigation

The base for this tutorial is simple CSS drop down menu based on unordered list. The structure is visually described in the image below:

jquery navigation

Demo | Download source code

A circular menu with sub menus

A different but really nice menu adds a sub menu level of smaller icons in a circular pattern within the top level circle. There is also the facility to add a simple description of each icon. Tested in IE6, IE7, Firefox, Opera, Safari (PC) and Google Chrome. (send e-mail to author to get zip)

Collapsable menu

This is really a tutorial showing how to use Mootools to create menus. The result of one of the menus is interesting and gives you a collapsable box with an animated effect on mouse over. Besides this being a great "Navigation" script I would like to mention that Woork is a great blog that I follow myself. You will find many good posts here explaining coding stuff in a very relaxed and easy to understand way.

jquery navigation

Fancy Sliding Menu for Mootools

The Fancy Sliding Tab Menu runs on Mootools with an idle state listener to bring all the tabs back to their normal state after a desired amount of time without mouse movement on the window.

jquery navigation

View Demo | Download source code

JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web