首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

强烈推荐:容易但非常灵活实用的一款菜单

2012-09-09 
强烈推荐:简单但非常灵活实用的一款菜单为庆祝新版QUI的问世,特将之前开发的一款很实用菜单组件拿出来与大

强烈推荐:简单但非常灵活实用的一款菜单

为庆祝新版QUI的问世,特将之前开发的一款很实用菜单组件拿出来与大家分享。马上步入正题开始介绍:

大家之前都可能看过或用过很多菜单组件,有一些菜单组件可能做得很漂亮或者有很好的动画效果。但这种菜单一般都不通用,只能在特定的环境下使用。

??? 我的想法是一个通用的菜单组件应该具备以下特点:
1、代码量很少,包括HTML代码。这样方便使用者使用CSS自定义菜单的风格
2、默认的外观很简洁但通过自定义调整可以展示出不同的样式
3、能够准确地响应鼠标移入动作并快速展开
4、能够以任何元素作为触发源
5、能够支持动态生成的元素触发菜单

按照以上思路,我开发了这个菜单。姑且命名为QUI简易菜单

菜单默认外观如下:


强烈推荐:容易但非常灵活实用的一款菜单
?
?
用颜色和边框绘制的外观,符合默认外观简洁的思想。只要稍花些心思就能做出各种风格出来。

代码量也很少,如下所示:
<div alt="强烈推荐:容易但非常灵活实用的一款菜单">
?
?
代码:
<div style="width:92px;">
??? <div style="width:90px;">
??? ??? <a href="javascript:;"><span alt="强烈推荐:容易但非常灵活实用的一款菜单">
?
?
代码如下:
<div style="width:20px;">
??? <div noBorder="true">
??? ??? <span alt="强烈推荐:容易但非常灵活实用的一款菜单">
?
?


点击这里下载示例.



另外这个菜单是 “QUI框架”的一部分,可以下载整个框架来使用更多的组件。
点击这里下载QUI

(直接点击链接即可,使用迅雷可能会导致无法下载)

热点排行