469,290 Members | 1,661 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,290 developers. It's quick & easy.

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.

Feb 8 '07 #1
3 1576
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/.)

Feb 8 '07 #2
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
Feb 8 '07 #3
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
Feb 9 '07 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

8 posts views Thread by Prometheus Research | last post: by
2 posts views Thread by Mohammad Parwez | last post: by
1 post views Thread by Guadala Harry | last post: by
2 posts views Thread by Lonewolf | last post: by
12 posts views Thread by rhino | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by suresh191 | last post: by
reply views Thread by harlem98 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.