动手设计菜单,jQuery菜单插件助你一臂之力
来源:广州中睿信息技术有限公司官网
发布时间:2012/10/21 23:25:16 编辑:itlead 阅读 1558
前言:从软件到网站,菜单可以说是无处不在。在传统应用软件开发中,一般都有现成的控件可以使用但是在网页开发时,基本上要靠开发人员自己动手设计。虽然这不是多么高深的技术,但对于新手来说还是颇有难度。我们

  前言:


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

  一.要做什么插件?

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

  二.想要的效果是什么?

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

  三.设计一下功能

   1.jpg


  对图片的说明

  1.菜单项默认的状态。

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

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

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

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

  6.获得焦点时的状态。

  •其他功能

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

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

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

联系我们CONTACT 扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳 Tel:020-38931912 务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息 Fax:020-38931912 专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510 Tel:0755-25855012 诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2