Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 341: Line 341:
$(".parallax, .screen").each(function() {
$(".parallax, .screen").each(function() {
var speed = parseInt($(this).data('speed'), 10); //in milliseconds
var speed = parseInt($(this).data('speed'), 10); //in milliseconds
-
$(this).animate( { left: '-=100%' }, speed); //move to the right
+
$(this).animate( { left: '-=100%' }, 1000); //move to the right
});
});
}
}
Line 353: Line 353:
$(".parallax, .screen").each(function() {
$(".parallax, .screen").each(function() {
var speed = parseInt($(this).data('speed'), 10); //in milliseconds
var speed = parseInt($(this).data('speed'), 10); //in milliseconds
-
$(this).animate( { left: '+=100%' }, speed); //move to the left
+
$(this).animate( { left: '+=100%' }, 1000); //move to the left
});
});
}
}

Revision as of 19:17, 1 January 2014

Parallax Test

Parallax Design 1.2

Inspired by this site --->

http://hotdot.pro/en/#

(Yeah I stole the background)

Use the arrow keys to navigate -->

These pages can replace sliders

And have pretty pictures that link to project pages

This means design will be really important
It also takes a ton of time to set the page up cause I have to position everything manually
Whee!

Yay! Parallax

(Nupur's awesome)

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