Hey everyone,
I've created a YUI addon, ScrollTabView, that allows you to transition
between TabView content with a Scroll animation.
This allows you to use YUI's tabs to create an effect similar to:
- Yahoo! Widgets Homepage: http://widgets.yahoo.com/
- Panic's Coda: http://panic.com/coda/
- Mozilla's Firefox 3 pre-release start page:
http://en-us.www.mozilla.com/en-US/firefox/3.0rc1/firstrun/
You can specify your own direction (horizontal or vertical), animation
duration, and easing as attributes. Complicated styles are all applied
automatically-- just use it like a normal TabView.
View examples of ScrollTabView in action and grab the code here:
http://reidburke.com/yui/
Direct links to examples and code:
http://internal.reidburke.com/yui-addons/yodeler/widget/ScrollTabView.js
http://internal.reidburke.com/yui-addons/yodeler/examples/ScrollTabView/horizont\
al.html
http://internal.reidburke.com/yui-addons/yodeler/examples/ScrollTabView/vertical\
.html
http://internal.reidburke.com/yui-addons/yodeler/examples/ScrollTabView/easing.h\
tml
http://internal.reidburke.com/yui-addons/yodeler/examples/ScrollTabView/quick.ht\
ml
It's all available under a BSD License-- so feel free to use it for
your own projects!
Bug reports and comments are very welcome!