"
Template:OUC-China.CommonCSS
From 2011.igem.org
(Difference between revisions)
| (8 intermediate revisions not shown) | |||
| Line 43: | Line 43: | ||
#mainnav{ | #mainnav{ | ||
top:125px; | top:125px; | ||
| + | left:10px; | ||
height: 230px; | height: 230px; | ||
width: 840px; | width: 840px; | ||
| Line 67: | Line 68: | ||
background: white; | background: white; | ||
border: 1px solid #DDDDDD; | border: 1px solid #DDDDDD; | ||
| - | opacity: 0. | + | opacity: 0.01; |
| + | filter: alpha(opacity=1); | ||
} | } | ||
.navmenus li:hover { | .navmenus li:hover { | ||
| Line 81: | Line 83: | ||
left: 0; | left: 0; | ||
z-index:1111; | z-index:1111; | ||
| + | overflow: hidden; | ||
} | } | ||
#mainnavbar { | #mainnavbar { | ||
text-align: left; | text-align: left; | ||
| - | opacity: 0. | + | opacity: 0.9; |
| + | filter: alpha(opacity=90); | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| Line 164: | Line 168: | ||
strVar += " <li><a href=\"\/Team:OUC-China\/Project\/Background\">Philosophical Background<\/a><\/li>"; | strVar += " <li><a href=\"\/Team:OUC-China\/Project\/Background\">Philosophical Background<\/a><\/li>"; | ||
strVar += " <li><a href=\"\/Team:OUC-China\/Project\/Mp\">Modern perspective<\/a><\/li>"; | strVar += " <li><a href=\"\/Team:OUC-China\/Project\/Mp\">Modern perspective<\/a><\/li>"; | ||
| - | strVar += " <li><a href=\"\/Team:OUC-China\/Project\/PooSb\/db\"> Performance on stage of Synthetic biology<\/a><\/li>"; | + | strVar += " <li><a href=\"\/Team:OUC-China\/Project\/PooSb\/db\">Performance on stage of Synthetic biology<\/a><\/li>"; |
| + | strVar += " <li><a href=\"\/Team:OUC-China\/Project\/prezi\">Prezi<\/a><\/li>"; | ||
strVar += " <\/ul>"; | strVar += " <\/ul>"; | ||
strVar += " <ul id=\"resultnav\" class=\"navmenus\" tag=\"2520\">"; | strVar += " <ul id=\"resultnav\" class=\"navmenus\" tag=\"2520\">"; | ||
| Line 170: | Line 175: | ||
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Puf2011d\">Previous biobricks we used<\/a><\/li>"; | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Puf2011d\">Previous biobricks we used<\/a><\/li>"; | ||
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Protocol\">Protocol<\/a><\/li>"; | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Protocol\">Protocol<\/a><\/li>"; | ||
| - | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Notebook\">Notebook & | + | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Notebook\">Notebook & Data<\/a><\/li>"; |
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/aadb\">Experiments on HB101<\/a><\/li>"; | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/aadb\">Experiments on HB101<\/a><\/li>"; | ||
| - | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/fv\"> | + | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/fv\">Experiments on devices<\/a><\/li>"; |
| - | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/2011\">2011 | + | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/2011\">2011 OUC Wuxingbricks documentation<\/a><\/li>"; |
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Finalresults\">Final results<\/a><\/li>"; | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Finalresults\">Final results<\/a><\/li>"; | ||
strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Judging\">Judging form<\/a><\/li>"; | strVar += " <li><a href=\"\/Team:OUC-China\/Result\/Judging\">Judging form<\/a><\/li>"; | ||
| Line 223: | Line 228: | ||
var hideSubNav = function(){ | var hideSubNav = function(){ | ||
$(".navmenus").stop(true,true).animate({opacity:0}, 200); | $(".navmenus").stop(true,true).animate({opacity:0}, 200); | ||
| + | $(".navmenus").css("height",10); | ||
if((window.location+"").match("Team:OUC-China/Team")){ | if((window.location+"").match("Team:OUC-China/Team")){ | ||
$("#mainnav").css("background","url(https://static.igem.org/mediawiki/2011/3/3b/OUC-China.daohang.jpg.jpg) -840px 0 no-repeat"); | $("#mainnav").css("background","url(https://static.igem.org/mediawiki/2011/3/3b/OUC-China.daohang.jpg.jpg) -840px 0 no-repeat"); | ||
| Line 240: | Line 246: | ||
$(".navitem").mouseenter(function(){ | $(".navitem").mouseenter(function(){ | ||
$(".navmenus").stop(true,true).animate({opacity:0}, 200); | $(".navmenus").stop(true,true).animate({opacity:0}, 200); | ||
| + | $(".navmenus").css("height","auto"); | ||
$($(this).attr("href")).stop(true,true).animate({opacity:0.9}, 200); | $($(this).attr("href")).stop(true,true).animate({opacity:0.9}, 200); | ||
var bg = $($(this).attr("href")).attr("tag"); | var bg = $($(this).attr("href")).attr("tag"); | ||
| - | $("#mainnav").stop().animate({backgroundPosition:"(-"+bg+"px 0px)"}, {duration:200}); | + | $("#mainnav").stop().animate({backgroundPosition:"(-"+bg+"px 0px)"}, {duration:200,easing:'swing'}); |
}); | }); | ||
$(".navitem").click(function(){ | $(".navitem").click(function(){ | ||
| Line 253: | Line 260: | ||
hideSubNav(); | hideSubNav(); | ||
}); | }); | ||
| - | $(". | + | $(".mainnav").mouseleave(function(){ |
hideSubNav(); | hideSubNav(); | ||
}); | }); | ||
Latest revision as of 15:41, 5 October 2011
