1. 阿里云>
  2. 云栖社区>
  3. 主题地图>
  4. W>
  5. 无限级菜单

当前主题:无限级菜单

使用Popup窗口创建无限级Web页菜单(2)

上次我说到要使用popup在web中创建无限级菜单,两个要解决的问题是多个popup窗口共存和popup中的事件的处理。其中多个popup共存的问题我已经讲了可以使用popup.document的parentWindow来再createPopup,这个就算搞定

阅读全文

使用Popup窗口创建无限级Web页菜单(1)

在Web上使用菜单可以极大地节约页面的空间,同时也比较的符合用户从Windows上继承下来的UI操作体验。在以往的Web页菜单设计中,我们普遍使用div嵌套table的方式来实现菜单,这样的菜单有个最致命的问题就是会被<select>覆盖。我们为了解决这个问

阅读全文

使用Popup窗口创建无限级Web页菜单(4)

前面的(1),(2),(3)解决了popup创建Menu的主要技术问题后,现在开始具体的编码心里就有底多了,而且可以把精力集中在逻辑的处理上。当然还有一些UI的问题需要考虑,但都是HTML+CSS的小问题了。 菜单的数据结构其实就是树,由于Menu及Menu

阅读全文

jquery,tree无限级树形菜单+简单实用案例

jquery,tree无限级树形菜单+简单实用案例 我在项目中用到产品类别的树形。各种地方都要用。 我就封装起来,方便以后调用。 记录下来,希望给新手们提供帮助。要记得导入jquery.js tree.js 哦 <%@ page language="java"

阅读全文

使用Popup窗口创建无限级Web页菜单(5)

代码框架在(4)里面已经全部列出来了,现在工作就是按流程把他们完成。本来实现一个prototype的Menu菜单类只需要最多300行代码,可是后来做了一些操作习惯支持和UI显示上的优化后,代码猛增到了1000多行。不过final版本看起来确实比土不拉叽的pr

阅读全文

使用Popup窗口创建无限级Web页菜单(7)

这一节主要说一下Menu对键盘的支持,本来不支持键盘这个菜单也完全可用了,不过还是为了和WinForm的Menu统一,所以支持了和WinForm菜单一样的操作方式。 菜单的处理函数Menu.prototype.Keydown是在AttachEvents()方

阅读全文

使用Popup窗口创建无限级Web页菜单(6)

在使用...(5)中用Show()把菜单显示出来了,Show中的大部分大代码都很好理解,这节主要说一下event的处理,在Show的末尾我们使用了一个AttachEvents()方法来attach鼠标和键盘的事件,该方法的代码如下: Menu.prototy

阅读全文

使用Popup窗口创建无限级Web页菜单(3)

菜单除了要它能显示,还要它能执行动作才是最关键的地方。popup是个子窗口,虽然他没有opener。我们有两种办法来在popup中执行脚本,一是把script代码写到其document中,让它运行,比如: var win = window; var doc =

阅读全文