WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

Path Style Menu

— 添加到WorldWideScripts.net

@zhcn1wws订阅我们的饲料,以保持最新

新!跟随我们,你想要它


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

路径风格的菜单

这是灵感的路径有天空飙升在App Store上的应用程序的路径,证明了一个独特的UI真的可以让你在与同类产品竞争激烈的市场边缘2.0 UI多级菜单。

当用户按下或点击按钮,菜单项扩大和把自己周围的主按钮形成一个弧形,圆形,水平或垂直对齐。 要关闭用户需要选择要么呈现一个选项菜单或再次按下主按钮。

如果有多个级别嵌套,然后单击子菜单会产生后退按钮允许用户返回上一级菜单选择。




更新日志如下

  • 29/05/2013变更集3.7
  • 修正了在iOS上,其中滚动页面时菜单是跳动的弧线风格的菜单。 现在它顺利页面一起滚动。
  • 固定直列菜单错误:如果滚动条存在于网页中的菜单项调整得到了扭曲。
  • 增加了一个新选项,允许在文档窗口中点击时崩溃停止扩展菜单。
  • 菜单项可以看到从朝向主按钮位于其中屏幕的顶部边缘行进。 这已得到修复。 现在在页面加载所有你看到的是mainbutton。 项目按钮扩大并仅在按下主按钮后是可见的。
  • 2013年9月1日变更集3.6
  • 设置图标尺寸和通过JavaScript一些其他属性时,缩小的版本没有工作。 现在,这是固定的
  • 在Firefox中,扩展菜单时出现了一个闪烁,而这个固定之前保存在以后的版本蠕动起来,这时候一劳永逸固定它!
  • 主按钮现在默认旋转的全360deg VS从早期版本的180deg
  • 26/11/2012变更集3.5
  • 固定在那里的内嵌菜单没有显示在所有触摸设备的问题。 在以前的版本的变化打破了这个,现在固定的。
  • 固定的子菜单项的定位时,有在所有1或2子菜单项。 菜单项将通过主按钮保持部分覆盖。
  • 确保该菜单没有得到由事故隐患,即您最终创造响应式设计布局和hidding它时,选择在你的CSS菜单。 注意几个主题这样做,不应该是一个问题了。
  • 19/11/2012变更集3.4
  • 点击按钮将现在允许为动画足够的时间来导航到目的地之前网址完成
  • 当菜单加载第一次,你看到它在运动,因为它隐藏主按钮的后面。 这是无意的。 现在,它只是加载主键时期的后面。
  • 在文档中固定的不一致。
  • 22/10/2012变更集3.3
  • PDF格式文档的新
  • 增加了设置项目时直接设置URL支持。 无需编写任何代码用于导航,只要您所提供的,导航是自动的。 这使得设置导航很容易,也不需要手动订阅事件如果想仅提供导航。
  • 增加了在新标签中打开网址的支持,默认为false。
  • 除去在CSS设置图标URL的要求。 现在,您可以设置整个菜单的JavaScript或像以前做的事情。 你必须看看在新的文档。
  • 早期版本的暴露而解雇任何按钮,点击单个onSelecteditem。 这是一个混乱的原因,你则必须手动筛选感兴趣的按钮。 为了清楚的缘故,我们现在暴露独立事件,而不是:
    1. 单击主按钮时onMainButtonClick,火灾
    2. onParentButtonClick-火灾时,父项被点击
    3. 单击后退按钮时onBackButtonClick,火灾
    4. onItemButtonClick-火灾菜单项按钮
  • 修正了菜单的页面加载自动扩展不一致。
  • 改变了的id是由组件输出。 这一变化打破这个版本的向后兼容性。 使用CSS样式的按钮,这也是在以前的版本中默认的人,会想以前,即如果他们有这个前缀与菜单按钮标识菜单ID:
     #menuitem0 { 背景:网址('../图像/ photo.png')不重复; } #menuitem1 { 背景:网址('../图像/ people.png')不重复; } 
    现在它:
     #menu1_menuitem0 { 背景:网址('../图像/ photo.png')不重复; } #menu1_menuitem1 { 背景:网址('../图像/ people.png')不重复; } 
    其中,MENU1是你的菜单的ID。
  • 容器元件现在具有默认尺寸即主按钮的大小。 以前我们留在用户的这种责任,但这增加了混乱和更多的手动步骤更广阔的空间,使内嵌菜单中就像是一个希望它。 现在,这是通过菜单来处理内部。
  • 10/01/2012变更集3.2
  1. enableUrlHash现在默认为false。 要使用此功能,你必须手动将其设置为true,如{enableUrlHash:真正}传递作为一个选项菜单构造函数。
  2. 当通过一组简单的字符串值项物业如的:{项目:“菜单1”,“菜单2”,“菜单3'}相较于更丰富的形式,传递给onSelectedItem事件处理程序的价值参数止跌回升空。 现在,这是固定的。
  3. 当一个菜单项被激活(即点击)它折叠菜单项都在一起,点击进入该文件再次扩大与点击的元素没有显示菜单。 菜单展开时不应也不应点击的元素是隐藏的。 这是一个错误,由于通过不透明性被隐藏点击的元素。 它现在是固定的。
  4. 新增默认margin和padding的主按钮。 这是为了确保在页面第三方的CSS不影响菜单。
  5. 增加了对网页载入时自动打开菜单支持。 为了使这一点,你必须设置的扩展:真
  6. 增加了自动折叠菜单后,它会自动在页面加载的扩展支持。 为此,必须将expandTimeout值设置为等待的毫秒数。
  7. 增加了对标签的支持。 您可以通过添加showLabel启用此功能:真的,一个标签显示旁边的图标。 标签文本通过title属性提供。
  • 2012年8月15日变更集3.1
  • - 此更新可解决大部分任何IE8和IE7的问题。 修复程序列表:
  • IE7和IE8的兼容性修正:
    • 文档中点击和元件是处于膨胀状态时,它们并没有获得折叠。 现在,这是固定的。
    • 所有在线演示使用querySelector。 这打破IE8(compatbility模式)。
    • 增加了一个填充工具为querySelector和[].forEach。 这仅影响IE8在线演示。 固定。
    • 增加了一个String.trim填充工具
    • 修正了在哽咽IE8 Dispose方法
  • 其他事宜:
    • 内联的方式加入高的z-index为了支持菜单时。
    • 在在Firefox,其中动画是震荡和缓慢的CSS3过渡修正闪烁。
    • 添加了文档中的一个缺失的环节。
  • 2012年8月10日变更集3.0
  • 增加了对接在左上角,右上角和右下角的菜单支持。 以前我们必须只左下角的支持。 现在,我们支持在所有4个角落的画面对接。
  • 对接现在在正确的Andr​​oid 4.0支持++,因为它支持CSS的定位很好。 它应该在的iOS 5同样的工作(如果没有举报,感谢)。
  • 增加了内嵌的菜单支持。
  • 我们现在支持11种不同的风格奠定了菜单:
    1. PathMenu.ExpandPattern.circle
    2. PathMenu.ExpandPattern.lineTop
    3. PathMenu.ExpandPattern.lineRight
    4. PathMenu.ExpandPattern.lineBottom
    5. PathMenu.ExpandPattern.lineLeft
    6. PathMenu.ExpandPattern.lineMiddleHorizo​​ntal
    7. PathMenu.ExpandPattern.lineMiddleVertical
    8. PathMenu.ExpandPattern.leftBottomFixedArc
    9. PathMenu.ExpandPattern.leftTopFixedArc
    10. PathMenu.ExpandPattern.rightBottomFixedArc
    11. PathMenu.ExpandPattern.rightTopFixedArc
  • 增加了菜单的多个实例支持
  • 增加了对按钮的文本内容的支持。
  • 增加了对图像蒙版的支持。
  • 扩展的API和暴露的新方法和属性,特别是那些你可以用它来动态地添加菜单项。 参考有关详细信息的文档。 此外,我们还添加了一个新的实验室演示,展示更复杂的情况,如在运行时添加菜单项。
  • 2012年6月12日变更集1.9
  • 修正了当地址栏没有补偿手持设备中的错误。 这导致在菜单中的触摸操作时没有做任何事情。
  • 增加了一个默认的z-index以确保菜单始终高于其所在页面上的所有其他元素。
  • 2012年5月19日chagneset 1.8
  1. 增强型曲线
  2. 增加了点击进入该文件时,请关闭菜单支持。 这仅仅是对桌面。 对触摸功能的设备,你必须使用的关闭按钮。
  3. 增加了对工具提示的支持。 这仅适用于桌面(非触摸功能的设备)。 检查如何让你的菜单项的工具提示的文档。
  4. onSelectedItem处理器现在包括点击的菜单项的标题为好,这是在回调参数传递。
  5. 媒体查询。 现在,您可以通过视口的宽度来控制如列表:[{“了minWidth':640,'了maxWidth”:1024}],它会表现自己,如果这个条件被请求的设备/浏览器满足。
  6. 水平滚动条的厚度并没有补偿放置菜单中的视口的左下角时。 现在,这是固定的。
  7. 然而,大多数的最大特点,因为它已被要求多次的是,我们现在有一个WordPress插件(已经提交审核)。
  • 2012年5月19日变更集1.8:
  1. 固定定位错误:如果你有只有一个菜单项,并用正确的曲线将其设置仍然留在主菜单后面隐藏。
  2. 固定仅供参考(调试模式)元素层次发电机,其中一个额外的菜单项被列入输出。
  3. 修正了影响多导航的错误。 基本上当你有超过1菜单项超过100分的水平,将有一个查询股价。
  4. 修复了受影响的第一个菜单项的错误。 单击第一个菜单项时滚动出视野的其他人一样,当它不会向外扩展。
  5. 现在的导航图标从一个子菜单到另一个重新定位自己。 这使得图标来维持其作为弧的菜单项可以从数子而异子菜单。
  • 2012/5/15注意:1.8(即将推出)
  • 2012年4月28日变更集:1.7
  • 固定的小IE浏览器漏洞。
  • 增加了新的在线演示页面,包含源码包。
  • 增加了对散列符号的支持。 现在,如果enableUrlHash为真(默认为false),那么当你点击它的命令将在url中得到追加,就像在新的在线演示的菜单项。
  • 04月26日变更集:1.6
  • 当子菜单的扩大转变是生涩。 固定。
  • Opera Mini的失去了平稳过渡,当我们升级到1.5。 现在,这是固定的。
  • 后退按钮图标1.5使用的箭头; 这不借给自己太多了。旋转效果。 为了弥补这一点,我们已经增加了旋转,但这不是太好。 我们现在减少旋转回是怎么回事,改变图标的​​东西好得多。
  • 记录了调试功能,将打印出你的菜单结构,所以你可以看到你的菜单的ID的模样,以减轻您的开发工作是什么。 这是在演练记录。
  • 更新在家里文件夹中的文件walkthrough.html带来的最新变化加快。
  • 暴露的新方法toggleMainButton。 这可以用toggleMenuExpansion方法相结合。
  • 2012年4月24日变更集1.5:
  • 我们现在支持多级子菜单。
  • 该API仍然与以前的版本保持一致。
  • 增加了对多级子菜单的文档。 这是你在​​演练页面下载的一部分。
  • 这实际上是一个相当大的变化和代码库已发生了部分重写。 请享用!
  • 04/17/2012变更集1.4
  • 在手持设备上固定触摸错误
  • 修正了Dispose方法的错误
  • - 现在当菜单被处置正确的清除正在发生。
  • 04/16/2012变更集1.3
  • 暴露set_curve(值)公共方法
  • 露卡()公共方法
  • 在以下位置ProjectPathMenu的\ src \ COM \ pathmenu \回家
  • - 新增index.html中一个额外的演示,展示设置子菜单项的曲线图案。
  • - 增加了一个演练教程,使终端用户更加容易。
  • - 增加了演示页只包括菜单减少分心的机会。
  • 2012年4月15日更改设定1.2
  • 公开的公​​共方法:toggleMenuExpansion
  • 公开的公​​共方法:get_toggleState
  • 在索引文件(同实时预览)增加了代码示例显示怎么回事toggleMenuExpansion和get_toggleState可以使用。
  • 改组样本页面用新折的横幅为移动/桌面设备一点点
  • 2012年4月14日更改设置1.1:XXX

下载
此类别中的其他组成部分这个作者的所有组件
评论常见问题和答案

属性

创建:
12年4月13日

最后更新:
13年5月29日

兼容的浏览器:
IE8,IE9,火狐,Safari,歌剧,铬

包括文件:
JS的JavaScript,HTML,CSS

关键字

电子商务, 电子商务, 所有项目, 安卓, CSS3过渡, 定制, 桌面, 手持, iPad的, iphone, 菜单, 移动, 导航栏, 导航, 回转, 滑动, 片剂, WP7