文字和图像是传达信息的基础，是网页设计永远不可缺少的元素，各种各样的文字和图像效果在整个互联网中无处不在。本章从基础的文字设置开始，详细讲解CSS设置各种文字效果的方法，然后再进一步讲解关于图像的几个重要的应用领域。使用过任何文字处理软件的用户对文字排版都不会陌生。例如在Word软件中可以对文字的字...
分类：
Web程序 时间：
2014-06-20 16:25:37
阅读次数：
382
本例中要实现一个玻璃材质效果的水平菜单。为了表现出立体的视觉效果，以及玻璃的质感．必须借助图像才可以实现，完成后的效果如图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
导航是一个网站最重要的元素之一，您必须遵循统一的风格来设计您的网站，特别是导航的风格，让用户可以轻松地找到他们想要的内容。这里最大的部分是开发一个菜单，即要直观易用，又要符合你网站的设计风格。本文列举了20个必看的jQuery的导航插件和教程，演示通过jQuery实现一些导航效果，教您如何做一个有创...
分类：
Web程序 时间：
2014-06-20 15:50:27
阅读次数：
327
本案例中，制作一个带有斜角的水平菜单。依然和上例一样，它也是可以适应窗口宽度的，效果如图1所示。该实例文件位于网页学习网CSS教程资源中的“第8章\01\cut-naiv.htm”。图1 自适应的斜角水平菜单效果一、基本思路本案例的关键在于，如何制作出菜单项左上角这个斜角。如果有了上一章中制作“带箭...
分类：
其他好文 时间：
2014-06-20 15:33:38
阅读次数：
352
本章的最后一个案例要实现一个“伸缩面板”。伸缩面板具有固定的高度，包含若干页面，其中只有一个页面处于打开状态。当用鼠标单击某一个页面的标题时，该页面就会展开，原来展开的页面同时自动隐藏起来。在展开和隐藏的过程中，会有动画效果演示。本实例的文件位于网页学习网CSS教程资源中“第12章\04\accor...
分类：
其他好文 时间：
2014-06-20 15:13:28
阅读次数：
250
//分页 (function(){ var cur=1; $(".newslist li").hide(); var size = $(".newslist li").length; var page = Math.floor($(".newslist li").leng...
分类：
其他好文 时间：
2014-06-20 14:55:20
阅读次数：
149
一、谷香——食品主题设计在禅意花园的作品中，还有一些是围绕某一个主题进行设计的。例如这里展示的057号作品就是以食品为主体的设计。它是由美国设计师Shaun Inman设计的。通过精致的食品照片，是不是能勾起访问者的食欲呢？此外，这个设计中述设计了非常漂亮的弹出菜单．但是这个效果在Firefox中可...
分类：
Web程序 时间：
2014-06-20 14:20:07
阅读次数：
445
高亮 作用： 截取一段摘要 高亮显示其中的关键字 配置： 摘要大小（字数） 关键字的高亮效果（前缀、后缀，示例：关键字） 代码： 1 package cn.itcast.f_highlight; 2 3 import java.util.ArrayList; 4 import java.u...
分类：
其他好文 时间：
2014-06-20 14:19:27
阅读次数：
201
