User:Vinoo/2014Design7

From 2014.igem.org

(Difference between revisions)
m (Created page with "{{CSS/Grid16}} <html> <head> <style type="text/css"> #contentSub, .firstHeading, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /...")
m
Line 102: Line 102:
top: 18px;
top: 18px;
width: 100%;
width: 100%;
-
height: 100px;
 
background-color: #4b4b4b;  
background-color: #4b4b4b;  
-
border-bottom: 1px solid #000;  
+
}
 +
.dropMenuContainer {
 +
width: 960px;
 +
height: 100%;
 +
margin: 0px auto;
 +
}
 +
.dropMenu li {
 +
display: list-item;
 +
padding: 0px;
}
}
Line 116: Line 123:
<li class="dropToggle">iGEM
<li class="dropToggle">iGEM
<div class="dropMenu">
<div class="dropMenu">
 +
<div class="dropMenuContainer container_16">
 +
<div class="grid_4">
 +
<ul>
 +
<li>2014.igem.org</li>
 +
<li>igem.org</li>
 +
<li>parts.igem.org</li>
 +
</ul>
 +
</div>
 +
</div>
</div>
</div>
</li>
</li>
<li class="dropToggle">wiki tools
<li class="dropToggle">wiki tools
-
<div class="dropMenu">hello</div>
+
<div class="dropMenu">
 +
<div class="dropMenuContainer container_16">
 +
<div class="grid_4">
 +
Aliquam dolor purus, pharetra ac tellus id, eleifend venenatis augue. Quisque lobortis augue lacus, eget consectetur diam dapibus quis. Donec ac felis eget erat scelerisque ornare ut eu metus. Mauris blandit et tellus sit amet ultricies. Nam turpis nunc, fringilla congue urna scelerisque, luctus fermentum metus. Fusce quis rhoncus quam. In eleifend commodo volutpat. Ut a porta nibh, ut gravida diam. Quisque at dolor eget massa dignissim molestie at ac leo.
 +
</div>
 +
</div>
 +
</div>
</li>
</li>
<li>search</li>
<li>search</li>
Line 142: Line 164:
$(document).ready(function() {
$(document).ready(function() {
$('.dropToggle').mouseenter(function() {
$('.dropToggle').mouseenter(function() {
-
$('.dropMenu').slideDown('fast');
+
$('.dropMenu', this).stop(true,true).slideDown('fast');
});
});
$('.dropToggle').mouseleave(function() {
$('.dropToggle').mouseleave(function() {
-
$('.dropMenu').slideUp('fast');
+
$('.dropMenu', this).stop(true,true).slideUp('fast');
});
});
});
});

Revision as of 22:27, 27 January 2014