我已经创建了一个带有jquery悬停效果的导航。
导航仪工作,唯一的问题是当你把屏幕变宽或小于800px,然后按下红色框来显示切换导航仪。悬停菜单从全宽菜单中拾取jquery。
如何阻止jquery悬停菜单不显示主菜单的悬停状态。
/* MAIN MENU DROPDOWN
===================================*/
$("#toggle-nav").click(function () {
$("#nav").slideToggle('slow');
});
/* MAIN SETTINGS SHOW
我需要幻灯片导航菜单作为图片。在示例中,我有rtl菜单和正常菜单的五个图像,以及悬停/单击菜单的五个图像(精灵)。
1- if user hover image1 of menu幻灯片图像并显示image1的降级。(使用CSS)
2- if user mouseover image1 of menu幻灯片图像并显示image1的降级。(使用Jquery/动画效果)
还有比这更好的方法吗?CSS?Jquery?CSS+JQUERY?有任何示例/帮助代码吗?
正常:
悬停并单击时:
谢谢。
我想用Jquery制作一个像下拉菜单一样的菜单。唯一的区别是,当我将鼠标悬停在li项(列表项)上时,我希望显示子菜单项,并向上移动所有子菜单和li项……例如
这是悬停功能前的菜单:
-------------------------
Home About Company
-------------------------
将鼠标悬停在"About“li项目上后:
----------------------------
About
subitem0
Home subitem1 Company
subitem2
--------