WEB开发网
开发学院网页设计JavaScript 简简单单右键菜单 阅读

简简单单右键菜单

 2009-10-30 00:00:00 来源:WEB开发网   
核心提示:今天是给大家介绍一款在网页上使用的右键菜单,原作者的网址是:http://51jsr.javaeye.com/blog/305517这个右键菜单已经非常优秀,简简单单右键菜单,不过呢,却是IE Only,因为后面的控件会用到这个右键菜单所以就讲一下,首先还是来分析一下HTML吧1:一级菜单(每一组菜单)即是一个独立的d

今天是给大家介绍一款在网页上使用的右键菜单,原作者的网址是:http://51jsr.javaeye.com/blog/305517

这个右键菜单已经非常优秀,不过呢。却是IE Only,而且在DTD模式下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd%22>

连IE显示都是有问题的,所以呢只有自己动手了,另外就顺便改造成jQuery控件,顺便分析一下代码。

首先来看一下效果吧

简简单单右键菜单

图片看不清楚?请点击这里查看原图(大图)。

↑这是控件的效果

简简单单右键菜单

←Windows Se7en 系统的邮件菜单

插一句吧,其实我最终的目标是提供一个ASP.NET MVC 框架前台UI Controls解决方案,因为后面的控件会用到这个右键菜单所以就讲一下。

首先还是来分析一下HTML吧

1:一级菜单(每一组菜单)即是一个独立的div容器

2:每一项又是div,嵌套一个nobr(可用div代替不过要额外写个class)的标签,里面是图标和span包裹的位置内容

简简单单右键菜单

1 2 3 4 5 6  下一页

Tags:简单 单右键 菜单

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接