当前位置:Gxlcms > JavaScript > jquery仿百度百科底部浮动导航特效_jquery

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

时间:2021-07-01 10:21:17 帮助过:5人阅读

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

人气教程排行