<script type="text/javascript" src="jquery-1.7.2.js"></script>

HTML代码：

     
  
      
    
       
      
        
         标题一
          
        
    
    
       
      
        
         标题二 
          
        
    
    
       
      
        
         标题三 
          
        
    
    
       
      
        
         标题四 
          
        
    
  
      
     

CSS代码：

*{
   padding:0;margin:0; line-height:25px;}ul,li{
    list-style:none;}.picBox{
    overflow:hidden; width:414px; margin:30px auto 0;}.picBox ul li{
   float:left;overflow:hidden;height:157px; vertical-align:middle;}.picBox ul li span{
    float:left; background:url(t.jpg) no-repeat; height:157px; width:23px;color:#FFFFFF; line-height:35px; font-size:16px; text-align:center; padding:0 5px;cursor:pointer}.picBox ul li img{
   float:left}.picBox ul li span.over{
   color:#900;}

jQuery代码：