Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 325: Line 325:
//parallax
//parallax
$("h1").click( function() {
$("h1").click( function() {
-
var speed = 1000 * parseInt($(".parallax").data('speed'), 10);
+
$(".parallax").animate( { left: '-=100%' },
-
alert(speed);
+
{
-
$(".parallax").animate({ left: '-=100%' }, speed);
+
step: function(now, fx) {
 +
var speed = 1000 * parseInt($(this).data('speed'), 10);
 +
}
 +
 +
duration:speed;
 +
});
});
});
     });
     });
Line 355: Line 360:
<div class="parallax" data-speed="2" style="left: 50%;">
<div class="parallax" data-speed="2" style="left: 50%;">
<h2> Project </h2>
<h2> Project </h2>
 +
</div>
 +
<div class="parallax" data-speed="1" style="left: 50%; top: 60%">
 +
<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: 150%;">

Revision as of 05:23, 29 December 2013

Parallax Test

Whee

Project