Team:HZAU-China

From 2013.igem.org

(Difference between revisions)
Line 205: Line 205:
#menuBar ul{
#menuBar ul{
-
width:900px;
+
width:920px;
margin:0 auto;
margin:0 auto;
list-style-type: none;
list-style-type: none;
Line 211: Line 211:
#menuBar ul li{
#menuBar ul li{
float:left;
float:left;
-
padding-right:55px;
+
padding-right:59px;
}
}
#menuBar a{
#menuBar a{
width:170px;
width:170px;
-
height:160px;
+
height:170px;
display:block;
display:block;
-
background: transparent url(https://static.igem.org/mediawiki/2013/archive/6/60/20130709122958%21%E6%A0%87%E9%A2%98.png) no-repeat scroll ;
+
background: transparent url(https://static.igem.org/mediawiki/2013/6/64/%E6%8C%89%E9%92%AE%E6%B5%85.jpg) no-repeat scroll ;
padding-top:280px;
padding-top:280px;
                                  
                                  
Line 229: Line 229:
}
}
#menuBar a:hover{
#menuBar a:hover{
-
background-image:url(https://static.igem.org/mediawiki/2013/7/79/%E5%BA%95%E9%83%A8%E7%AA%81%E5%87%BA%E4%BA%AE%E7%82%B9.png);
+
background-image:url(https://static.igem.org/mediawiki/2013/7/7c/%E6%8C%89%E9%92%AE%E6%B7%B1.jpg);
}
}
#menuBar a#Home{
#menuBar a#Home{
Line 235: Line 235:
}
}
#menuBar a#About{
#menuBar a#About{
-
background-position:-200px top;
+
background-position:-229px top;
}
}
#menuBar a#Gallery{
#menuBar a#Gallery{
-
background-position:-400px top;
+
background-position:-458px top;
}
}
#menuBar a#Contact{
#menuBar a#Contact{
-
background-position:-600px top;
+
background-position:-687px top;
}
}
                        
                        

Revision as of 13:20, 18 July 2013






jquery动态导航菜单效果


Retrieved from "http://2013.igem.org/Team:HZAU-China"