龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

超炫的jquery仿flash导航栏特效(2)

时间:2014-11-17 03:00来源:网络整理 作者:网络 点击:
分享到:
复制代码 代码如下: /* demo01 css */ #main{ background: #EEE; display: inline-block; padding: 10px; } .menu{position: relative; width: 100px; height: 40px; margin: 10px auto; } .menu_b{ positio

复制代码 代码如下:

/* demo01 css */ 
#main{ 
    background: #EEE; 
    display: inline-block; 
    padding: 10px; 

.menu{position: relative; 
    width: 100px; 
    height: 40px; 
    margin: 10px auto; 

 
.menu_b{ 
    position: absolute; 
    width: 0px; 
    height: 0px; 
    background: red; 
    z-index: 1px; 
    top: 50%; 
    left: 50%; 

.menu span{ 
    position: inherit; 
    display: block; 
    text-align: center; 
    line-height: 40px; 
    z-index: 3px; 
    font-size: 14px; 
    font-family: "Microsoft Yahei"; 
    color: #777; 
    cursor: pointer; 

.back1{ 
    background: #FF0000; 

.back2{ 
    background: #921AFF; 

.back3{ 
    background: #00CACA; 

.back4{ 
    background: #00DB00; 

.back5{ 
    background: #FF5809; 

.back6{ 
    background: #E1E100; 

代码很简单,使用也很简单,就包括修改都简单,小伙伴们自己看着办吧

精彩图集

赞助商链接