在这个案例中,将制作如图1所示的菜单。鼠标指针经过某个菜单项时,显示灰色背景色,同时在上下两侧各产生一条带有斜角的横线。该实例文件位于网页学习网CSS教程资源中的“第7章\02\bevel-navi.htm”。图1 双斜角横线菜单效果在这个案例中,需要重点考虑的是这个带有斜角的横线是如何产生的。一、...
分类:
其他好文 时间:
2014-06-20 16:45:55
阅读次数:
228
现在在7.4节案例的基础上,制作一个能够显示说明信息的菜单,如图1所示。鼠标指针经过某一个菜单项的时候,会出现相应的说明信息。该实例文件位于网页学习网CSS教程资源的“第7章\05\tip-navi.htm”。图1 带说明信息的菜单效果在通常的状态下,这个菜单和7.4节中制作的菜单完全相同。而在鼠标...
分类:
其他好文 时间:
2014-06-20 16:45:19
阅读次数:
255
在本案例中,将实现如图1所示的立体菜单效果。当鼠标指针经过菜单项时,菜单按钮将显示出被按下的样式。该实例文件位于网页学习网 CSS教程资源中的“第7章\03\3d-navi.htm”。图1 立体菜单效果一、基本设置本案例仍然使用和上一个案例相同的HTML结构,基本代码HTML如下。XML/HTML ...
分类:
其他好文 时间:
2014-06-20 16:15:41
阅读次数:
181
本案例中,制作一个带有斜角的水平菜单。依然和上例一样,它也是可以适应窗口宽度的,效果如图1所示。该实例文件位于网页学习网CSS教程资源中的“第8章\01\cut-naiv.htm”。图1 自适应的斜角水平菜单效果一、基本思路本案例的关键在于,如何制作出菜单项左上角这个斜角。如果有了上一章中制作“带箭...
分类:
其他好文 时间:
2014-06-20 15:33:38
阅读次数:
352
1、jQuery特色菜单 圆形动画菜单插件jQuery是一个非常流行的WEB前端框架,尽管HTML5非常酷,但是如果HTML5结合jQuery的话就能实现更酷更实用的插件。今天分享的这款jQuery特色菜单是圆形动画菜单,菜单项是一个个园,鼠标滑过菜单项时即可展开一个大圆并展示子菜单,这一切都是利用...
分类:
Web程序 时间:
2014-06-20 15:27:46
阅读次数:
284
一、菜单的HTML结构下面就来定义菜单的HTML结梅。思路是把整个菜单分为4组,每一组在平常状态时,只显示一级菜单项,当鼠标指针经过时,显示相应的子菜单。首先用ul和li定义出外层结构,然后在每个li项目中,使用dI定义一个菜单项,一级菜单文字定义为dt.子菜单的文字定义为dd。代码如下。折叠展开X...
分类:
其他好文 时间:
2014-06-20 14:48:52
阅读次数:
257
第一步:启动Zend Studio,点击主窗口菜单 Help--> Install New Software... 菜单项,进入插件安装界面……第二步:在Work with后的文本框中输入http://download.eclipse.org/technology/babel/update-site...
分类:
其他好文 时间:
2014-06-18 23:20:10
阅读次数:
232
游戏中经常会提供一些菜单项让用户开始游戏、暂停\继续游戏、打开\关闭音乐或者是返回到上一个界面,比如下面两张图中用红色线框标记的菜单项我们可以使用CCMenu和CCMenuItem实现上述的菜单功能,CCMenu继承自CCLayer,只能添加CCMenuItem为子节点。一个CCMenuItem就可...
分类:
其他好文 时间:
2014-06-14 22:32:31
阅读次数:
354
模式定义:
组合模式允许你将对象组合成树形结构来表现“整体/部分”层次结构。组合能让客户以一致的方式处理个别对象以及对象组合。
这个模式能够创建一个树形结构,在同一个结构中处理嵌套菜单和菜单项组。通过菜单和项放在相同结构中,我们创建了一个“整体/部分”层次结构,即由菜单和菜单项组成的对象树。使用组合结构,我们能把相同的操作应用在组合和个别对象上。换句话说,在...
分类:
编程语言 时间:
2014-06-14 06:41:57
阅读次数:
429