jquery - 幻灯片导航菜单

标签 jquery css menu navigation

我需要滑动导航菜单如图。在示例中,我有 rtl 菜单和五个用于普通菜单的图像和五个用于悬停/单击菜单的图像(sprite)。

1- 如果用户悬停 image1 菜单滑动图像并显示 image1 的描述。 (使用 CSS)

2 - 如果用户 mouseover image1 of menu 滑动图像并显示 image1 的描述。 (使用Jquery/动画效果)

有什么更好的方法吗? CSS?查询? CSS+JQUERY?任何示例/帮助代码?

正常:IMAGE 1

悬停并单击时:IMAGE 2

谢谢。

最佳答案

听起来你需要一个 Accordion 菜单。

以下是一些带有演示和示例的站点:

http://www.1stwebdesigner.com/freebies/jquery-accordion-menus-tutorials/

这是一个开源的水平 Accordion : http://designreviver.com/tutorials/jquery-examples-horizontal-accordion/

和 Code Candyon(我认为它们是付费的): http://codecanyon.net/item/classic-accordion/140404?ref=1stwebdesigner

关于jquery - 幻灯片导航菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12109957/

相关文章:

jQuery 验证 - 需要回答所有问题或选择退出调查

html - 我将如何使这个导航栏下拉?

css - Internet Explorer 中缺少菜单项

javascript - 如何捕获 ALT+C 按键

php - 显示或隐藏其他 Checkout 自定义字段的自定义下拉选择器

javascript - 如何使此部分背景响应?

css - 如何在字体目录中加载 Font Awesome ?

javascript - 带有原型(prototype)的简单水平 Javascript 导航

javascript - 为什么这个字符串会变成完整的元素选择器?

jquery - float 和内联 block 有时在 webkit 中不起作用