Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 345: Line 345:
$("h1").click( function() {
$("h1").click( function() {
$(".parallax").each(function() {
$(".parallax").each(function() {
-
var speed = 100 * parseInt($(this).data('speed'), 10);
+
var speed = 10 * parseInt($(this).data('speed'), 10);
$(this).animate( { left: '-=100%' }, speed); //move to the right
$(this).animate( { left: '-=100%' }, speed); //move to the right
});
});
Line 373: Line 373:
</header>
</header>
<!-- Screen 1 -->
<!-- Screen 1 -->
-
<div class="parallax" data-speed="11" style="left: 150%;">
+
<div class="parallax" data-speed="101" style="left: 150%;">
<h2> Project </h2>
<h2> Project </h2>
</div>
</div>
-
<div class="parallax" data-speed="10" style="left: 150%; padding-top: 100px">
+
<div class="parallax" data-speed="100" 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="10" style="left: 50%;">
+
<div class="parallax" data-speed="100" 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 01:48, 30 December 2013

Parallax Test

Whee

Project