转载地址:http://www.blogjava.net/nokiaguy/archive/2009/01/archive/2009/01/archive/2009/01/archive/2009/01/15/251411.htmlStruts的整个视图层(就是MVC模式中的View层)是由Stru...
分类:
其他好文 时间:
2014-06-20 17:08:06
阅读次数:
197
在这个案例中,将制作如图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本身来实现这样的效果。该实例文件位于网页学习网CSS教程资源的“第8章\05\rounded-navi.htm”。...
分类:
其他好文 时间:
2014-06-20 16:33:51
阅读次数:
300
经过前面的学习.对标准流中的盒子排列方式应该已经很清楚了,下面来做一个习题。假设有一个网页,其显示结果如图1所示,现在要读者精确地回答出从字母a到x对应的宽度是多少个像素。习题文件位于网页学习网CSS教程资源“第3章\04.htm”。图1 计算图中各个字母代表的宽度(高度)是多少像素网页的完整代码如...
分类:
Web程序 时间:
2014-06-20 16:27:01
阅读次数:
255
本例中要实现一个玻璃材质效果的水平菜单。为了表现出立体的视觉效果,以及玻璃的质感.必须借助图像才可以实现,完成后的效果如图1所示。该实例文件位于网页学习网CSS教程资源的“第8章\03\glass-navi.htm”。图1 玻璃效果的菜单本例中用到了两个图像,分别作为整个菜单的背景色平铺使用的,和当...
分类:
其他好文 时间:
2014-06-20 16:19:29
阅读次数:
300
本例的目标是实现带有两侧箭头的菜单效果,如图1所示。这里的箭头效果没有使用任何背景图像文件,而是完全依靠CSS代码实现的。图1 箭头菜单效果该实例文件位于网页学习网CSS教程资源的“第7章\04\arrow-navi.htm”。一、基本思路既然这里不允许使用背景图像来制作这个三角形的样式,那么如何产...
分类:
其他好文 时间:
2014-06-20 16:17:36
阅读次数:
298
在本案例中,将实现如图1所示的立体菜单效果。当鼠标指针经过菜单项时,菜单按钮将显示出被按下的样式。该实例文件位于网页学习网 CSS教程资源中的“第7章\03\3d-navi.htm”。图1 立体菜单效果一、基本设置本案例仍然使用和上一个案例相同的HTML结构,基本代码HTML如下。XML/HTML ...
分类:
其他好文 时间:
2014-06-20 16:15:41
阅读次数:
181
网页学习网《CSS教程布局实例》教程假设读者已经对HTML有所掌握,如果读者了解以下HTML标记中大多数标记的含义,就可以开始学习本教程。、、、、、、、、、、、、、、、、、、。如果读者还不清楚上面这些标记的含义,请先跟随网页学习网《HTML教程入门经典》,学习一下最基础的知识,然后再开始学习本教程。...
分类:
Web程序 时间:
2014-06-20 15:57:34
阅读次数:
313
导航是一个网站最重要的元素之一,您必须遵循统一的风格来设计您的网站,特别是导航的风格,让用户可以轻松地找到他们想要的内容。这里最大的部分是开发一个菜单,即要直观易用,又要符合你网站的设计风格。本文列举了20个必看的jQuery的导航插件和教程,演示通过jQuery实现一些导航效果,教您如何做一个有创...
分类:
Web程序 时间:
2014-06-20 15:50:27
阅读次数:
327