how to use javascript for sliding content

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.

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/.)

Isaac Schlueter wrote:

Quote:

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

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

how to use javascript for sliding content

re: how to use javascript for sliding content

re: how to use javascript for sliding content

re: how to use javascript for sliding content

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about