Team:Groningen/sandbox

From 2010.igem.org

(Difference between revisions)
Line 11: Line 11:
<div id="contentWrapper">
<div id="contentWrapper">
<div class='tabbed_content'>
<div class='tabbed_content'>
-
<div class='tabs'>
+
<div class='tabs'>
-
<div class='moving_bg'>
+
<ul class="lavaLampBottomStyle" id="tabs">
-
&nbsp;
+
<li><a href="#">Home</a></li>
-
</div><span class='tab_item'>Home</span> <span class='tab_item'>Project</span> <span class='tab_item'>Ethics</span> <span class='tab_item'>Modeling</span><span class='tab_item'>Sponsoring</span><span class='tab_item'>Contact</span>
+
<li><a href="#">Project</a></li>
 +
<li><a href="#">Ethics</a></li>
 +
<li><a href="#">Modeling</a></li>
 +
<li><a href="#">Sponsoring</a></li>
 +
<li><a href="#">Contact</a></li>
 +
</ul>
</div>
</div>
<div class='slide_content'>
<div class='slide_content'>
Line 59: Line 64:
</div>
</div>
-
</div><script type="text/javascript">
+
</div>
-
//tab effects
+
-
 
+
-
var TabbedContent = {
+
-
init: function() { 
+
-
$(".tab_item").mouseover(function() {
+
-
 
+
-
var background = $(this).parent().find(".moving_bg");
+
-
 
+
-
$(background).stop().animate({
+
-
left: $(this).position()['left']
+
-
}, {
+
-
duration: 300
+
-
});
+
-
 
+
-
TabbedContent.slideContent($(this));
+
-
 
+
-
});
+
-
},
+
-
 
+
-
slideContent: function(obj) {
+
-
 
+
-
var margin = $(obj).parent().parent().find(".slide_content").width();
+
-
margin = margin * ($(obj).prevAll().size() - 1);
+
-
margin = margin * -1;
+
-
 
+
-
$(obj).parent().parent().find(".tabslider").stop().animate({
+
-
marginLeft: margin + "px"
+
-
}, {
+
-
duration: 300
+
-
});
+
-
}
+
-
}
+
-
 
+
-
$(document).ready(function() {
+
-
TabbedContent.init();
+
-
});
+
-
</script>
+
</div>
</div>
 +
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.easing.min.js"></script>
 +
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.lavalamp.min.js"></script>
 +
<script type="text/javascript">
 +
$(function() {
 +
    $("#tabs").lavaLamp({
 +
        fx: "backout",
 +
        speed: 700,
 +
        click: function(event, obj) {
 +
var margin = $(".slide_content").width();
 +
margin = margin * ($(obj).prevAll().size());
 +
margin = margin * -1;
 +
$(".tabslider").stop().animate({
 +
  marginLeft: margin + "px"
 +
}, {
 +
duration: 300
 +
});
 +
            return false;
 +
        }
 +
    });
 +
});
 +
</script>
</html>
</html>
{{Team:Groningen/sandboxFooter}}
{{Team:Groningen/sandboxFooter}}

Revision as of 09:54, 15 July 2010

iGEM Groningen '10

We believe in a better world
through synthetic biology

Sigma Aldrich DSM NGI GBB Kluyver Center Bioké Stichting biotechnology Nederland (SBN) 101 promotions Center for Synthetic Biology
iGEM Groningen '10

We believe in a better world
through synthetic biology

LOL
  • Welcome to iGEM Groningen!
  • We are MORE awesome

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque egestas aliquet justo sit amet aliquet. Pellentesque vel ipsum nisl. Praesent magna massa, pharetra non ornare sit amet, gravida ut eros. Sed eu leo felis. Donec tristique feugiat quam, et consectetur velit convallis auctor. Vivamus hendrerit, ipsum eu vestibulum mattis, erat massa adipiscing libero, ac volutpat nunc augue vel libero. Aliquam sit amet quam libero, sed lobortis magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec varius dignissim nisi eget venenatis. Nam aliquet volutpat ipsum. Mauris sapien ante, semper in varius id, sodales adipiscing felis. Suspendisse ornare facilisis mauris, eget sodales odio interdum quis. Praesent sodales semper aliquet. Pellentesque eget arcu sit amet leo bibendum scelerisque. Vivamus libero magna, aliquam in pulvinar a, sagittis nec diam. Pellentesque iaculis mauris sed arcu dapibus eu fringilla est ullamcorper. Phasellus ultricies lectus eu eros molestie vel tincidunt nulla pharetra. Curabitur non augue at mi semper condimentum non ac dolor.

    In leo nisi, vulputate at vestibulum eu, iaculis vel ipsum. Maecenas sagittis quam sit amet nulla vulputate iaculis. Nam nisl tellus, elementum at suscipit interdum, luctus vel felis. Nullam interdum metus at tortor porttitor ut ornare lorem hendrerit. Praesent non tortor at turpis venenatis semper a sed magna. Vestibulum dapibus placerat risus quis tempor. Aliquam vel nisi nec turpis dictum cursus quis vel ante. Quisque egestas pharetra risus vitae luctus. Fusce id vulputate justo. Duis in mi orci. Suspendisse potenti. Fusce aliquam commodo nibh eu interdum. Praesent vel purus vitae justo convallis auctor non nec nisi. Sed sem tellus, suscipit non fermentum et, placerat sed mi. Proin eu arcu convallis tellus egestas molestie quis ac elit.

  • We are MOOOOOAR awesome

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque egestas aliquet justo sit amet aliquet. Pellentesque vel ipsum nisl. Praesent magna massa, pharetra non ornare sit amet, gravida ut eros. Sed eu leo felis. Donec tristique feugiat quam, et consectetur velit convallis auctor. Vivamus hendrerit, ipsum eu vestibulum mattis, erat massa adipiscing libero, ac volutpat nunc augue vel libero. Aliquam sit amet quam libero, sed lobortis magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec varius dignissim nisi eget venenatis. Nam aliquet volutpat ipsum. Mauris sapien ante, semper in varius id, sodales adipiscing felis. Suspendisse ornare facilisis mauris, eget sodales odio interdum quis. Praesent sodales semper aliquet. Pellentesque eget arcu sit amet leo bibendum scelerisque. Vivamus libero magna, aliquam in pulvinar a, sagittis nec diam. Pellentesque iaculis mauris sed arcu dapibus eu fringilla est ullamcorper. Phasellus ultricies lectus eu eros molestie vel tincidunt nulla pharetra. Curabitur non augue at mi semper condimentum non ac dolor.

    In leo nisi, vulputate at vestibulum eu, iaculis vel ipsum. Maecenas sagittis quam sit amet nulla vulputate iaculis. Nam nisl tellus, elementum at suscipit interdum, luctus vel felis. Nullam interdum metus at tortor porttitor ut ornare lorem hendrerit. Praesent non tortor at turpis venenatis semper a sed magna. Vestibulum dapibus placerat risus quis tempor. Aliquam vel nisi nec turpis dictum cursus quis vel ante. Quisque egestas pharetra risus vitae luctus. Fusce id vulputate justo. Duis in mi orci. Suspendisse potenti. Fusce aliquam commodo nibh eu interdum. Praesent vel purus vitae justo convallis auctor non nec nisi. Sed sem tellus, suscipit non fermentum et, placerat sed mi. Proin eu arcu convallis tellus egestas molestie quis ac elit.

Retrieved from "http://2010.igem.org/Team:Groningen/sandbox"