动手设计菜单,jQuery菜单插件助你一臂之力
来源:广州中睿信息技术有限公司
发布时间:2012/10/21 23:25:16 编辑:itlead 阅读 1865

  前言:


  从软件到网站,菜单可以说是无处不在。在传统应用软件开发中,一般都有现成的控件可以使用;但是在网页开发时,基本上要靠开发人员自己动手设计。虽然这不是多么高深的技术,但对于新手来说还是颇有难度。我们可以从以下方面入手学习。

  一.要做什么插件?

  我想要实现一个可以在网站或WEB应用系统中使用,可以灵活的定制外观、简单、易于使用、方便扩展、稳定的菜单插件。它可以被用在网站主导航条上,亦可以用在管理后台。

  二.想要的效果是什么?

  平时菜单处于收起状态,当鼠标移入显示其下级菜单,以此类推;可以方便的使用html标签设置菜单的结构,也可以使用数组动态生成。

  三.设计一下功能

   1.jpg


  对图片的说明

  1.菜单项默认的状态。

  2.拥有下级菜单且鼠标移入时的状态。

  3.间隔(起到分组的效果)

  4.拥有下级菜单,鼠标未移入时的状态。

  5.竖排拥有下级菜单且鼠标移入时的状态。

  6.获得焦点时的状态。

  •其他功能

  1.菜单所有状态的样式均通过CSS控制,可以根据需要灵活修改。

  2.通过HTML和javascript两种方式生成菜单。

  3.为菜单项指定点击回调函数和跳转地址。