jquery仿百度百科底部浮动导航特效_jquery

jquery类似百度百科底部导航预览，代码很简单，这里就不多废话了。

效果图：

CSS

 * {
      margin: 0;
      padding: 0
    }

    .wrap {
      width: 1000px;
      overflow: hidden;
      margin: 0 auto;
    }

    .content {
      width: 780px;
      float: left;
    }

    .slide {
      width: 200px;
      float: right;
    }

HTML

  

    
    1
    part1
  

  

    content1,content1
    


























  

    
    2
    part2
  

  

    content2,content2
    


























  

    
    
    part2-1
  

  

    content2-1,content2-1
    


























  

    
    
    part2-2
  

  

    content2-2,content2-2
    


























  

    
    3
    part3
  

  

    content,content
    


























  

    
    4
    part4
  

  

    content,content
    


























  

    
    5
    part5
  

  

    content5,content5
    


























  

    
    6
    part6
  

  

    content6,content6
    


























  

    
    7
    part7
  

  

    content7,content7
    


























  

    
    8
    part8
  

  

    content8,content8
    


























  

    
    9
    part9
  

  

    content9,content9
    


























  

    
    10
    part10
  

  

    content10,content10
    


























  

    
    11
    part11
  

  

    content11,content11
    


























  

    
    12
    part12
  

  

    content12,content12
    


























  

    
    13
    part13
  

  

    content13,content13
    


























  

    
    14
    part14
  

  

    content14,content14
    


























  

    
    15
    part15
  

  

    content15,content15
    


















































    bottom
  


  

    

      

        
        
      
      

        
        
      
      

        


    
    
    
  

JS