Team:Manchester/Navbartest2
From 2013.igem.org
(Difference between revisions)
Abramov denn (Talk | contribs) |
Abramov denn (Talk | contribs) |
||
Line 30: | Line 30: | ||
} | } | ||
+ | function hover3() | ||
+ | { | ||
+ | $("#block1").hover(function() { | ||
+ | $("#block1 #image2").toggleClass("expand"); | ||
+ | }); | ||
+ | $("#block1").mouseenter(function() { | ||
+ | $("#block1 #image2").css({marginLeft: "40px"}); | ||
+ | }); | ||
+ | $("#block1").mouseleave(function() { | ||
+ | $("#block1 #image2").css({marginLeft: "50px"}); | ||
+ | }); | ||
+ | $("#block1").mouseenter(function() { | ||
+ | $("#block1 .submenu").show(); | ||
+ | }); | ||
+ | $("#block1").mouseleave(function() { | ||
+ | $("#block1 .submenu").hide(); | ||
+ | }); | ||
+ | } | ||
- | function hoverLink2() | + | |
+ | /*function hoverLink2() | ||
{ | { | ||
$("#block #link2").hover(function() { | $("#block #link2").hover(function() { | ||
Line 55: | Line 74: | ||
$("#block #image2").css({marginLeft: "50px"}); | $("#block #image2").css({marginLeft: "50px"}); | ||
}); | }); | ||
- | } | + | }*/ |
function hoverLink3() | function hoverLink3() | ||
Line 160: | Line 179: | ||
background-color:#F2F2F2; | background-color:#F2F2F2; | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:50px; |
left:0; | left:0; | ||
z-index:100; | z-index:100; | ||
Line 215: | Line 234: | ||
} | } | ||
- | #block .list li | + | #block .list li, #block1 .list li, #block2 .list li, #block3 .list li, #block4 .list li |
{ | { | ||
display:block; | display:block; | ||
Line 221: | Line 240: | ||
} | } | ||
- | + | .submenu | |
{ | { | ||
position:relative; | position:relative; | ||
Line 250: | Line 269: | ||
color:#f2f2f2; | color:#f2f2f2; | ||
} | } | ||
- | + | .submenu li:hover .submenu1 a | |
- | + | ||
{ | { | ||
clear:both; | clear:both; | ||
Line 265: | Line 283: | ||
} | } | ||
- | + | .submenu a:hover | |
{ | { | ||
display:block; | display:block; | ||
Line 315: | Line 333: | ||
</head> | </head> | ||
- | <body onLoad="hover1(); hover2(); hoverLink1(); hoverLink2(); hoverLink3(); hoverImage1(); hoverImage2(); hoverImage3(); | + | <body onLoad="hover1(); hover2(); hover3(); hover4(); hoverLink1(); hoverLink2(); hoverLink3(); hoverImage1(); hoverImage2(); hoverImage3();hoverLink4(); hoverImage4(); hoverLink5(); hoverImage5(); hoverLink6(); hoverImage6();"> |
- | + | ||
<div class="container"> | <div class="container"> | ||
Line 324: | Line 341: | ||
</div> | </div> | ||
- | <div id=" | + | <div id="block1"> |
<img src="https://static.igem.org/mediawiki/2013/e/e6/Group.gif" width="50" height="50" id="image2"/> | <img src="https://static.igem.org/mediawiki/2013/e/e6/Group.gif" width="50" height="50" id="image2"/> | ||
<ul class="list"> | <ul class="list"> | ||
Line 336: | Line 353: | ||
</div> | </div> | ||
- | <div id=" | + | <div id="block2"> |
<img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image3"/> | <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image3"/> | ||
<ul class="list"> | <ul class="list"> | ||
Line 353: | Line 370: | ||
</div> | </div> | ||
- | <div id=" | + | <div id="block3"> |
<img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image6"/> | <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image6"/> | ||
<ul class="list"> | <ul class="list"> | ||
Line 366: | Line 383: | ||
</div> | </div> | ||
- | <div id=" | + | <div id="block4"> |
<img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image4"/> | <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image4"/> | ||
<ul class="list"> | <ul class="list"> | ||
Line 378: | Line 395: | ||
</li> | </li> | ||
<li><a href="#" id="link4">Ethics</a> | <li><a href="#" id="link4">Ethics</a> | ||
- | <ul class=" | + | <ul class="submenu" id="sub3"> |
<a href="#" id="link4">Environmental Impact</a></li> | <a href="#" id="link4">Environmental Impact</a></li> | ||
<a href="#" id="link4">Economical Impact</a></li> | <a href="#" id="link4">Economical Impact</a></li> | ||
Line 394: | Line 411: | ||
</div> | </div> | ||
- | <div id=" | + | <div id="block5"> |
<img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image5"/> | <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image5"/> | ||
<a href="#" id="link5">Sponsorship</a> | <a href="#" id="link5">Sponsorship</a> |
Revision as of 16:51, 18 August 2013