使用Popup窗口创建无限级Web页菜单(1)
在Web上使用菜单可以极大地节约页面的空间,同时也比较的符合用户从Windows上继承下来的UI操作体验。在以往的Web页菜单设计中,我们普遍使用div嵌套table的方式来实现菜单,这样的菜单有个最致命的问题就是会被<select>覆盖。我们为了解决这个问题,有时我们干脆...
使用Popup窗口创建无限级Web页菜单(2)
上次我说到要使用popup在web中创建无限级菜单,两个要解决的问题是多个popup窗口共存和popup中的事件的处理。其中多个popup共存的问题我已经讲了可以使用popup.document的parentWindow来再createPopup,这个就算搞定了,而第二个问题就有些让人讨厌了,为什么...
使用Popup窗口创建无限级Web页菜单(7)
这一节主要说一下Menu对键盘的支持,本来不支持键盘这个菜单也完全可用了,不过还是为了和WinForm的Menu统一,所以支持了和WinForm菜单一样的操作方式。 菜单的处理函数Menu.prototype.Keydown是在Attac...
使用Popup窗口创建无限级Web页菜单(8)
最后总结一下示例中的一些小问题,没有什么太重要的东西,主要都是为了UI上更好看些。 显示特效的支持,使用style的filter来实现的,代码: #region Menu.prototype.FadeinEffect =&nbs...
使用Popup窗口创建无限级Web页菜单(4)
前面的(1),(2),(3)解决了popup创建Menu的主要技术问题后,现在开始具体的编码心里就有底多了,而且可以把精力集中在逻辑的处理上。当然还有一些UI的问题需要考虑,但都是HTML+CSS的小问题了。 菜单的数据结构其实就是树,由于Menu及...
使用Popup窗口创建无限级Web页菜单(5)
代码框架在(4)里面已经全部列出来了,现在工作就是按流程把他们完成。本来实现一个prototype的Menu菜单类只需要最多300行代码,可是后来做了一些操作习惯支持和UI显示上的优化后,代码猛增到了1000多行。不过final版本看起来确实比土不拉叽的prototype强很多哦。 &n...
使用Popup窗口创建无限级Web页菜单(3)
菜单除了要它能显示,还要它能执行动作才是最关键的地方。popup是个子窗口,虽然他没有opener。我们有两种办法来在popup中执行脚本,一是把script代码写到其document中,让它运行,比如: var win =&nbs...
使用Popup窗口创建无限级Web页菜单(6)
在使用...(5)中用Show()把菜单显示出来了,Show中的大部分大代码都很好理解,这节主要说一下event的处理,在Show的末尾我们使用了一个AttachEvents()方法来attach鼠标和键盘的事件,该方法的代码如下: Menu.prototype.AttachEvents...
本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。