ดาวน์โหลดฟรี

ดาวน์โหลด jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles wit
เข้าชมทั้งหมด : 751 ครั้ง | ดาวน์โหลด : 156 ครั้ง | หมวด : Menu & Navigation


jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready

How it works

Required markup

The menu plugin was written with progressive enhancement in mind: first mark up a basic and functional unordered list of links, then layer on complex styles and functionality. (Ideally the advanced functionality will only be applied if the device is capable of rendering it correctly. We've developed a capabilities test to ensure that the appropriate experience is delivered to the a device — read more at A List Apart.)

List markup must conform to the following format to work with this plugin:

 

01 <ul>
02   <li><a href="#">Menu option</a></li>
03   <li><a href="#">Menu option</a></li>
04   <li><a href="#">Menu option</a></li>
05   <li><a href="#">Menu option</a></li>
06 </ul>
07  
08 *  *  *
09  
10 <ul>
11   <li><a href="#">Menu option</a></li>
12   <li><a href="#">Menu option</a></li>
13   <li><a href="#">Menu option</a>
14     <ul>
15       <li><a href="#">Child menu option</a></li>
16       <li><a href="#">Child menu option</a></li>
17       <li><a href="#">Child menu option</a></li>
18     </ul>
19   </li>
20   <li><a href="#">Menu option</a></li>
21 </ul>

 

 

 

Run the script on DOM ready

Calling the menu plugin departs slightly from how jQuery normally works. Instead of "find something, act on it," you attach the plugin to the link or button selector and pass in the content as an option. We deviated from the standard format so that we could reference the link/button with low overhead, and also make it possible to use content that's loaded to the page via AJAX.

As shown below, all options are passed in using object notation (see full list of options below):

 

1 $(document).ready(function(){
2  $('#myMenuButton').menu({
3   content: $('#myContent').html(), 
4   maxHeight: 180,
5   positionOpts: { offsetX: 10, offsetY: 20 },
6   showSpeed: 300
7  });

ข้อมูลการดาวน์โหลด jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles wit

เข้าชมทั้งหมด

: 751 ครั้ง


ตัวอย่างการทำงาน

ดาวน์โหลดไปแล้ว

: 156 ครั้ง

ประเภท

: Freeware

ขนาดไฟล์

: 125.8 kb

หมวดหมู่

: Menu & Navigation

แนะนำโปรแกรมที่เกี่ยวข้อง


jQuery Drop down Menu


Features Full cross-browser compatibility Fully accessible even when javascript is turned off, as a pure css menu Search engines optimized Clear unordered list (LI and UL HTML tags) structure of jQuery…
เข้าชมทั้งหมด : 775 ครั้ง | ดาวน์โหลด : 206 ครั้ง | หมวด : Menu & Navigation

multilevel tree menu jQuery


This is a powerful jQuery component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way! JS call for the menu:
เข้าชมทั้งหมด : 789 ครั้ง | ดาวน์โหลด : 153 ครั้ง | หมวด : Menu & Navigation

slide extra content or a navigation tool(jQuery )


This is a jQuery component to build a sliding panel where you can load content or navigation structure via
เข้าชมทั้งหมด : 672 ครั้ง | ดาวน์โหลด : 166 ครั้ง | หมวด : Menu & Navigation

DropDown CSS Menu


The structure of our menu is based on a simple un-ordered list.
เข้าชมทั้งหมด : 686 ครั้ง | ดาวน์โหลด : 166 ครั้ง | หมวด : Menu & Navigation