在10.3节中,整行变色提求鼠标指针经过的效果已经完成了,接下来继续改进它。实现类似于Excel的行列的二维提示,效果如图1所示,当鼠标指针经过某一个单元格时。相应的列头和行头单元格会同时变色。实例文件位于网页学习网CSS教程资源的“第10章\02\pretty-3.htm”。图1 表格的行列二维变...
分类:
其他好文 时间:
2014-06-28 19:12:18
阅读次数:
316
近年来,Web 2.0的概念逐渐被广泛接受,其中很重要的一点是强调改善用户体验,例如上一节的例子中,把表格设置为交替背景色,可以使访问者在浏览表格时有更好的体验。然而对于长时间审核大量数据和浏览表格的用户来说,即使是隔行变色的表格,长时间阅读这样的表格仍然会感到疲劳。而且对于数据壁很大的表格,特别容...
分类:
其他好文 时间:
2014-06-28 19:00:50
阅读次数:
299
作为一个成功的网站,导航菜单是永远不可缺少的。导航菜单的风格往往也决定了整个网站的风格,因此很多设计者都会投入很多时间和精力来制作各式各样的导航条,从而体现网站的整体构架。在传统方式下,制作导航菜单是很麻烦的工作。需要使用表格,设置复杂的属性,还需要使用JavaScript实现相应鼠标指针经过或点击...
分类:
其他好文 时间:
2014-06-20 16:55:50
阅读次数:
268
void run(test *p)//利用指针调用{ coutrp(100)using namespace std;class ballscore { protected: const static int gbs = 5;//好球单位得分 原先C++...
分类:
编程语言 时间:
2014-06-20 16:51:20
阅读次数:
242
在这个案例中,将制作如图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
一、动态超链链二、按钮式超链接三、CSS控制鼠标指针四、浮雕背景超链接五、超链接下划线动画在掌握了CSS布局的基本方法和原理之后,接下来的几章将针对页面中非常重要的部分“链接与导航”进行专门的介绍。本章对链接本身以及通常用于网页导航的HTML结构进行介绍。在后面的章节中再分专题分别讲解。超链接是网页...
分类:
其他好文 时间:
2014-06-20 16:41:10
阅读次数:
317
在本案例中,将实现如图1所示的立体菜单效果。当鼠标指针经过菜单项时,菜单按钮将显示出被按下的样式。该实例文件位于网页学习网 CSS教程资源中的“第7章\03\3d-navi.htm”。图1 立体菜单效果一、基本设置本案例仍然使用和上一个案例相同的HTML结构,基本代码HTML如下。XML/HTML ...
分类:
其他好文 时间:
2014-06-20 16:15:41
阅读次数:
181
一、菜单的HTML结构下面就来定义菜单的HTML结梅。思路是把整个菜单分为4组,每一组在平常状态时,只显示一级菜单项,当鼠标指针经过时,显示相应的子菜单。首先用ul和li定义出外层结构,然后在每个li项目中,使用dI定义一个菜单项,一级菜单文字定义为dt.子菜单的文字定义为dd。代码如下。折叠展开X...
分类:
其他好文 时间:
2014-06-20 14:48:52
阅读次数:
257
本案例将在8.5节的基础上来制作会跳起的多彩菜单,效果如图1所示。在平常状态时,各菜单项的高度都同样,而当鼠标指针经过某一个菜单项的时候,该菜单项就会跳起,高于其他菜单项。这个效果非常有趣,能够吸引访问者的目光。该实例文件位于网页学习网CSS教程资源的“第8章\06\rounded-navi.htm...
分类:
其他好文 时间:
2014-06-20 14:38:27
阅读次数:
272