Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 318: Line 318:
<script type="text/javascript">
<script type="text/javascript">
     $(document).ready(function() {
     $(document).ready(function() {
-
// remove all empty <p> tags
+
// remove all empty <p> tags
         $("p").filter( function() {
         $("p").filter( function() {
             return $.trim($(this).html()) == '';
             return $.trim($(this).html()) == '';
         }).remove();
         }).remove();
-
//parallax
+
//parallax
-
$("h1").click( function() {
+
$("h1").click( function() {
-
$(".parallax").each(function() {
+
$(".parallax").each(function() {
-
var speed = 1000 * parseInt($(this).data('speed'), 10);
+
var speed = 1000 * parseInt($(this).data('speed'), 10);
-
$(this).animate( { left: '-=100%' }, speed);
+
$(this).animate( { left: '-=100%' }, speed);
 +
});
});
});
-
});
 
     });
     });
</script>
</script>
Line 354: Line 354:
</header>
</header>
<!-- Screen 1 -->
<!-- Screen 1 -->
-
<div class="parallax" data-speed="2" style="left: 50%;">
+
<div class="parallax" data-speed="2" style="left: 150%;">
<h2> Project </h2>
<h2> Project </h2>
</div>
</div>
-
<div class="parallax" data-speed="1" style="left: 50%; padding-top: 100px">
+
<div class="parallax" data-speed="1" style="left: 150%; padding-top: 100px">
<img src="https://static.igem.org/mediawiki/igem.org/6/67/IGEMsmall.png">
<img src="https://static.igem.org/mediawiki/igem.org/6/67/IGEMsmall.png">
</div>
</div>
-
<div class="parallax" data-speed="1" style="left: 150%;">
+
<div class="parallax" data-speed="1" style="left: 50%;">
<img src="https://static.igem.org/mediawiki/igem.org/6/67/IGEMsmall.png">
<img src="https://static.igem.org/mediawiki/igem.org/6/67/IGEMsmall.png">
</div>
</div>

Revision as of 23:45, 29 December 2013

Parallax Test

Whee

Project

Retrieved from "http://2013.igem.org/Team:Cornell/sandbox"