继续学习中。。。原来显示隐藏完全不用js啊。。。我还一直很单纯的以为只能用js才能去实现。在csdn上看到有人问一个样式问题，拉过来看了一下，原来。。原来显示隐藏不用js啊。。。再回想起以前找到的一个效果，找出来看了一下，不多说了，来看代码：
CSS部分：

img{border: none; padding: 0; margin:0}
.pic{position:relative;top:10px;left:10px; width:100px; height:100px; vertical-align: top}
.pic a { display:block; width:100px; height:30px; line-height:30px}
.pic a .large{position:absolute;height:0;width:0; display:none   }
.pic a:hover{display:block; background:#CCC; text-decoration:none; color:#FFF; }
.pic a:hover .large{position:absolute;width:100px;height:30px;left:0px; bottom:0; display:block;
background:#a05de2; text-align:center; overflow:hidden}