"
Team:HZAU-China
From 2013.igem.org
(Difference between revisions)
| Line 196: | Line 196: | ||
#menuBar{ | #menuBar{ | ||
overflow:hidden; | overflow:hidden; | ||
| - | width: | + | width:930px; |
height:250px; | height:250px; | ||
background: transparent url(/jscss/demoimg/201303/bar.jpg) no-repeat scroll left top; | background: transparent url(/jscss/demoimg/201303/bar.jpg) no-repeat scroll left top; | ||
margin:0 auto; | margin:0 auto; | ||
| - | border: | + | border:5px solid #111; |
} | } | ||
#menuBar ul{ | #menuBar ul{ | ||
| - | width: | + | width:900px; |
margin:0 auto; | margin:0 auto; | ||
list-style-type: none; | list-style-type: none; | ||
| Line 210: | Line 210: | ||
#menuBar ul li{ | #menuBar ul li{ | ||
float:left; | float:left; | ||
| - | padding-right: | + | padding-right:55px; |
} | } | ||
| Line 218: | Line 218: | ||
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/archive/6/60/20130709122958%21%E6%A0%87%E9%A2%98.png) no-repeat scroll ; | ||
| - | padding-top: | + | padding-top:200px; |
| + | |||
color:#ddd; | color:#ddd; | ||
font-family: Arial, "MS Trebuchet", sans-serif; | font-family: Arial, "MS Trebuchet", sans-serif; | ||
| Line 241: | Line 242: | ||
background-position:-600px top; | background-position:-600px top; | ||
} | } | ||
| - | + | ||
| - | + | ||
| - | + | ||
</style> | </style> | ||
</head> | </head> | ||
| Line 253: | Line 252: | ||
<li><a href="#" id="Gallery">Gallery</a></li> | <li><a href="#" id="Gallery">Gallery</a></li> | ||
<li><a href="#" id="Contact">Contact</a></li> | <li><a href="#" id="Contact">Contact</a></li> | ||
| - | + | ||
</ul> | </ul> | ||
</div><br /> | </div><br /> | ||
| Line 263: | Line 262: | ||
$("a").mouseover(function(){ | $("a").mouseover(function(){ | ||
var selected = "#"+$(this).attr("id"); | var selected = "#"+$(this).attr("id"); | ||
| - | $(selected).animate({paddingTop:" | + | $(selected).animate({paddingTop:"185px"}, 100); |
}).mouseout(function(){ | }).mouseout(function(){ | ||
var selected = "#"+$(this).attr("id"); | var selected = "#"+$(this).attr("id"); | ||
Revision as of 14:21, 11 July 2013
