jquery实现企业定位式导航效果
本文实例为大家分享了jquery实现企业定位式导航的具体代码,供大家参考,具体内容如下
完整代码如下:
*{margin:0;padding:0;} .nav{width:100%;position:absolute;top:150px;} .navul{width:1200px;height:50px;margin:0auto;background:#ccc;} .navulli{width:150px;height:50px;line-height:50px;text-align:center;list-style:none;float:left;cursor:pointer;} .navulli:hover{background:#666;} .navullia{color:#000;font-size:18px;text-decoration:none;} .nav.active{background:#666;} .cont{width:1200px;height:4500px;margin:0auto;} .contol{width:1200px;height:4500px;margin:0auto;} .contolli{width:1200px;height:500px;list-style:none;} .contollip{color:#000;font-size:48px;}
- page2
- page3
- page4
- page5
- page6
- page7
- page8
page1
page2
page3
page4
page5
page6
page7
page8