Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 363: Line 363:
// dir = 0 scroll right, dir = 1 scroll left
// dir = 0 scroll right, dir = 1 scroll left
if(dir == 0) $(this).animate( { left: '-=' + dist + '%'}, 1000);  
if(dir == 0) $(this).animate( { left: '-=' + dist + '%'}, 1000);  
-
else $(this).animate( { left: '+=' + dist + '%'}, 1000, 'easeOutExpo');  
+
else $(this).animate( { left: '+=' + dist + '%'}, 1000, 'easeOutBounce');  
});
});
}
}

Revision as of 20:52, 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"