在这个案例中，将制作如图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所示的立体菜单效果。当鼠标指针经过菜单项时，菜单按钮将显示出被按下的样式。该实例文件位于网页学习网 CSS教程资源中的“第7章\03\3d-navi.htm”。图1 立体菜单效果一、基本设置本案例仍然使用和上一个案例相同的HTML结构，基本代码HTML如下。XML/HTML ...
分类：
其他好文 时间：
2014-06-20 16:15:41
阅读次数：
181
第7章中，介绍了5个竖直方向菜单的制作方法，相信读者可以体会到CSS的功能非常强大。在本章中，我们将制作6个水平排列的菜单。它们也同样各具特色，而且应用了一些CSS设计中非常重要的技术，例如“滑动门”技术。它不仅仅应用在这里，奉书后面的很多案例中，都会看到“滑动门”技术的应用。这一节要实现一个简单的...
分类：
其他好文 时间：
2014-06-20 16:06:00
阅读次数：
201
导航是网页中不可缺少的功能，本章将制作5个风格各异的导航幕单。这些菜单单充分利用了CSS的各种特性，并且将前面介绍的各种关于盒子模型的技术要点都融入到各个案例当中。本章将集中介绍竖直排列的菜单，第8章中将介绍水平排列的菜单，第9章中将介绍一个更为复杂的下拉菜单。需要注意的是。这些案例中都大量使用了前...
分类：
其他好文 时间：
2014-06-20 16:03:28
阅读次数：
219
有一个案例，是读取Excel的资料显示于ASP.NET的GridView控件。在GridView控件中，有一列是用RadioButtonList来显示性别信息(男或女)。另外来看看Excel的数据：接下来，看看显示：后台为这个RadioButtonList控件绑定数据：浏览看结果：看到否，性别一列中...
分类：
其他好文 时间：
2014-06-20 15:38:51
阅读次数：
233
如果我们把淘宝网案例的主页、登录页面、注册页面、商品展示页、商品详细介绍页、购买页等页面都做好了，并且应用了模板和样式，其实这些页面还都是孤立的，没有任何联系，那如何将这些页面之间相互联系起来？从而形成一个有机的整体。我想大家会异口同声地回答使用超链接，没错！就是使用超链接。超链接能把同一网站中同一...
分类：
其他好文 时间：
2014-06-20 15:37:30
阅读次数：
173
本案例中，制作一个带有斜角的水平菜单。依然和上例一样，它也是可以适应窗口宽度的，效果如图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
