“Breadcrumb”直译过来就是“面包屑”的意思（后面我直接说“breadcrumb”）。那么Breadcrumb是什么东东呢？我也不想对他进行详细的描述，大家直接看下面的截图，比我说的要更清楚：

上图次导航的效果，我想大家在制作Web的时候肯定有碰到，一些简单的效果当然没话说，三下五除二就解决了，但一些特殊的效果还着实让人头痛。那么今天我和大家一起来学习Rea-Team用CSS3制作的几种效果，另外在此基础上我增加了几种效果，希望大家会喜欢。

放假期间一直在家陪儿子玩，好久没有动手更新W3CPLUS了，今天刚好有时间学习了一下CSS3制作的留言墙。说白点就是像便签纸一样的效果，只是贴在墙上，当然大家也可以想像成贴在别的地方，具体什么地方我就不多啰嗦了，直奔主题。

目标

今天我们的目标很明确，也先清楚，就是使用css3的相关属性制作一个类似于留言墙的效果，如下面的demo所示：

前面使用了CSS3制作过Progress Bars、分页导航、Login栏、Search Box等等。今天一起和大家使用css3来制作一个日历效果，希望大家喜欢。

目标

今天我们的目标是制作如下面DEMO显示的一个日历效果：

当一个页面的篇幅太长时，用户的检验就有点烦，特别是当用户要到页面的底部或顶部时，只靠scrollBar来操作的确不爽，我有时也烦。当然，W3cplus也有这样的不足之处，好多朋友都有提过，于是在第二版本中我加了一个回到顶部的效果，但不知道怎么加回到底的效果。因为自己的jQuery还处在学习的初级阶段，属于半吊子中的半吊子，时常依赖别人的插件来做效果。比如说，前面介绍的《jQuery制作go to top按钮》中介绍的回到页面顶部的四个demo效果，都是到处整来的，有时只知道其表，不知道其质。真是感到惭愧呀。

记得前段时间在《完美的页面背景图片制作》介绍了几种实现全屏背景图片的制作方法，其中第一种就是使用的CSS3的background-size来实现的。今天看了Mary Lou (Manoela Ilic)写的一篇有关于全屏背景图像的幻灯片效果的教程《Fullscreen Background Image Slideshow with CSS3》，觉得特有意思，同时勾起了我动手的冲动。

今天继续讲有关于CSS3 Media Queries案例，前面介绍的《CSS3 Media Queries案例——Hicksdesign和《CSS3 Media Queries案例——A List Apart》都是有关于页面的应用，而今天的我要说的案例Tee Gallery是涉及产品列表布局的应用。换句话说就是让产品列表页面如何应用流体布局结合CSS3的Media Queries，制作出在不同媒体条件和媒体介质下的页面风格。别的先不说，和大家一起目睹一下Tee Gallery网站在不同屏幕下的显示风格，如下图所示：