继续学习中。。。原来显示隐藏完全不用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}

HTML部分：

<div class="pic">
    <a href="http://blog.163.com/gmr_2004/blog/#">
        <img src="http://img02.taobaocdn.com/sns/exchange/i2/T1m7OBXjXCXXbJE2E1_041142.jpg_b.jpg" width="100" height="100">
        <span class="large">精挑细选</span>
    </a>
</div>

伪类无敌啊！
再看接下来的一个DEMO：

继续学习ing！