jquery中的弧形导航

Posted

技术标签:

【中文标题】jquery中的弧形导航【英文标题】:Arc style navigation in jquery 【发布时间】:2011-04-11 08:45:56 【问题描述】:

我正在开发一个具有弧形导航的披萨 html。我以图像格式制作了导航。但我的客户说,我需要在 jquery 中导航。我无法在 jquery 中以弧形样式进行导航,但我知道 jquery 中间级别不高级。请帮助我。

【问题讨论】:

既然目前的实现是可行的,请告诉我们你想用jQuery做什么?你想让它插入节点吗?使导航在菜单项方面具有动态性,同时仍保持其弧度? 等等,你的客户告诉你,专业人士,怎么做?哦,您可以使用 CSS3 实现这一点。 客户真正想要什么效果? “使用jQuery”应该产生什么最终结果?悬停动画? 您必须添加更多信息并尝试解决此问题。这个问题我一点都不清楚。 khez 是图像。我需要文本格式,我还想将导航集成到 joomla 中。我的客户从 joomla 后端添加和删除菜单项。我怎样才能做到这一点?感谢您的快速响应。 【参考方案1】:

Anyone know of a jQuery fisheye/dock navigation plugin that is able to have a fixed position?

正如另一个问题的答案所暗示的,使用

http://www.ndesign-studio.com/blog/css-dock-menu

如果需要的话,像这样更改 getPointer 以允许固定定位:

getPointer : function(event)

    var x = event.pageX || (event.clientX + (document.documentElement.scrollLeft
            || document.body.scrollLeft)) || 0;
    var y = event.pageY || (event.clientY + (document.documentElement.scrollTop
            || document.body.scrollTop)) || 0;
    //subtract, add scrollbar    
    y -= $(window).scrollTop();
    return x:x, y:y;
,

【讨论】:

以上是关于jquery中的弧形导航的主要内容,如果未能解决你的问题,请参考以下文章

jQuery向论文中的导航链接添加类

jquery mobile中的导航栏图标问题

rails javascript jquery:通过页面部分时导航栏标题中的粗体效果

ios中的嵌入式视频阻止导航栏功能jquery mobile

关闭弹出窗口并导航到 jQuery Mobile 中的另一个页面

使用jquery mobile时如何处理手机中的表单导航后退按钮