Previous Message
Next Message

Vertical "Tree-like" Menu

Sent by Ben Henick on 6 August 2004 19:07


On Fri, 6 Aug 2004, Bennington V Purcell wrote:

> I having been tring to build a menu that is vertical and arranges like a
> Tree menu, but is a little diffrent.  I made a Flash menu verison, but i
> want the actually menu to be in CSS and Javascript you can see my Flash
> Attempt here http://www.zorpal.com/menu2.htm iF anyone has any idea on
> how i could do a text based verison of this, i would LOVE some
> direction.

The ideal styled markup can be autogenerated and studied at

http://www.accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp

....and there are probably indepth discussions of this over at the wiki.

The animation effects, while cool 'n all, are REALLY difficult to use.  
Try moving down the list (Y axis movement) and you discover that it's 
nearly impossible to put focus on a single submenu item (below the first 
menu on the list) quickly.

Once you figure out a good way to give each submenu a discrete footprint, 
the JavaScript animation can be accomlished by manipulating style.height 
or style.width, in conjunction with style.overflow (or perhaps 
style.clip).  [Any JavaScript reference to an element - say, a DIV - has a 
style property, e.g. document.getElementById("foo").style.color.]

The setInterval and event handler stuff is, alas, out of scope for this 
list.


HTH
-- 
Ben Henick                     "In the long run, men hit only what they aim
Web Author At-Large             at.  Therefore, though they should fail
http://www.io.com/persist1/     immediately, they had better aim high."
[EMAIL-REMOVED]                 -- Henry David Thoreau

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: