how to use javascript for sliding content

[ken]

Hi,

In this site it has sliding content,
http://kids.yahoo.com/games/index
e.g. acade games, it has 2 arrows at the top right corner. when you
click -more content will slide in.

i have reviewed it with DOM inspector, and know that both are done in
2 ULs. But i don't know what do they do to make sure that one of UL is
not visible.
Can you please tell me how they do that?

Thank you.

[Isaac Schlueter]

I think you're looking for the overflow:hidden CSS rule.
http://www.google.com/search?q=css+overflow%3Ahidden

--
Isaac Z. Schlueter
(One of "they"--I built the version of that component that you see on
http://food.yahoo.com and http://games.yahoo.com/.)

[pcx99]

Isaac Schlueter wrote:

I think you're looking for the overflow:hidden CSS rule.
http://www.google.com/search?q=css+overflow%3Ahidden

--
Isaac Z. Schlueter
(One of "they"--I built the version of that component that you see on
http://food.yahoo.com and http://games.yahoo.com/.)

yup, overflow: hidden is the secret css sauce that makes javascript clip
scrolling possible. Took me way too long to discover that.
--
http://www.hunlock.com -- Musings in Javascript, CSS.
$FA

[Isaac Schlueter]

yup, overflow: hidden is the secret css sauce that makes javascript clip scrolling possible.

It's not all that secret.
http://developer.yahoo.com/yui/animation/#scroll
http://www.w3.org/TR/REC-CSS2/visufx.html

The Yahoo User Interface library is BSD-style open source.
http://developer.yahoo.com/yui/license.html
If it was secret sauce, I wouldn't be talking it on usenet ;)

--
Isaac Z. Schlueter
http://isaacschlueter.com