横向和纵向的下拉菜单第四种实现办法及显示效果

by 清泉 7. 九月 2008 08:34

官方引用网站:http://labs.activespotlight.net/jQuery/menu_demo.html
FastFind Menu- 一个基于 jQuery的菜单, AJAX的响应效果, 这个菜单可以 进行拖拽操作.
个人感觉这个效果可以替代FLASH里面的下拉菜单.总的来说.还是不错的.

下面是关于此下拉菜单的下载包:FastFine Menu.rar (14.39 kb)

下面是关于此下拉菜单的演示效果,详细显示效果请至官方查看

  

下面是官方的使用说明:

FastFind Menu Script

Version: 0.6.2 [Public]
Files: JavascriptStyleSheetExample PHP ParserArrow ImagesLoading ImageInterface Bundle(only needed if you don't have already)

Overview:

This page demonstrates the ActiveSpotLight FastFind Menu Script. ActiveSpotLight provides the javascript related to this project under the BSD License (See Below). This software is provided as-is and without any warranty. ActiveSpotLight assumes no responsibility for any loss or damage as a result of using this software, please do so at your own risk.

This script is still under development and has been tested in FF1.5-2, IE 6-7, Opera 9, and Safari. The current build has the following issues in Safari: Arrows do not appear to show in-menu versus external links, as appear in the other browsers.

Updates:

2008-02-23 - Thanks to Calvin Chan for his fix to stop blank pages from scrolling when clicked too fast.

Features:

This script allows for nested menus, based on dynamic "AJAX" responses. The menu can also be dragged/dropped thanks to the jQuery Interface Library.

Usage:

To view the demo, click the [Toggle Menu] Link at the top of the page.

Note: This script may eventually be completed as a plugin, at this point it is nearly there, though several options remain hard-coded.

Requirements: This script requires jQuery and Interface for jQuery (Drag-and-Drop).

The public version of this script pulls a content feed as data to populate the menu, this can be static or dynamic. The version we use internally uses JSON/XML as data feeds. The feed provided in this example is is for illustrative purposes only. A sample output for the first page of the demo menu looks like this:

This version will display whatever markup is returned by the server, so even though the link structure is set one way in the example above, it is possible to change it to fit different applications. The example parses http/https:// links as regular links and fetch:// links as JSON and passes the object to the content producing link defined in the script initialization. The data that is returned by that script is displayed in a new "tile" and scrolled into view.

This script is not well documented at this point and further documentation will be added to this page with further revisions to the software. In the meantime, the Javascript itself is documented, which may be helpful to developers.

Feedback:

We would greatly appreciate your feedback and suggestions related to this application. (Please send any bugs you find as well) You can contact us at: labs@activespotlight.com

Tags: , , ,

Ajax相关 | JS相关技术

添加评论



(将显示你的Gravatar头像)  

biuquote
微笑得意调皮害羞酷大笑惊讶发呆喜欢可怜尴尬闭嘴噘嘴皱眉伤心抓狂呕吐坏笑漫骂发怒
Loading



Supidea.com 晨飞的梦 @ All Rights Reserved. Powered by BlogYi.NET ver:1.8.0.0. 苏ICP备09011404号

关于博主

kamau
抱着美好的理想背井离乡,这酸甜苦辣只能默默忍受。既然选择了路,就得风雨兼程……

Calendar

<<  二月 2012  >>
303112345
6789101112
13141516171819
20212223242526
2728291234
567891011

在日历中查看文章

最近的评论

Comment RSS

声明

      本博所发一切破解相关附件只作学习研究交流之用,严禁用于商业用途,请在下载24小时内删除。
      本博所有网友评论不代表本博立场,版权归其作者所有。

© Copyright 2009