Menu style

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
User avatar
jonathan
Advanced
Advanced
Posts: 26
Joined: Wed Jul 02, 2003 1:13 pm
Location: UK

Menu style

Post by jonathan »

Does anyone know if I could achieve a similar 'scroll effect' on the menu as can be found on http://www.ebuyer.com.

I like the way the menu's appear really quickly and as if they are coming from the top down. I've played with the styles and I can't seem to get it to do it.
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

Check the Microsoft site to see if any of their filters (which you can use with Milonic but, of course, will only work in IE) will handle that (not sure right off the top of my head). The direct link has been posted here a few times - Search should find it for you.
John
User avatar
Hergio
Milonic God
Milonic God
Posts: 1123
Joined: Wed Jun 12, 2002 7:46 pm
Location: Rochester, NY

Post by Hergio »

At first glance, that is not a microsoft filter. Its totally DHTML javascript. Basically all its doing is moving the menu down fast while clipping the top of it so it appears to be sliding downwards. This would take some extra javascript added to the menu. Microsoft provides a similar, albeit not the same, looking effect called a wipe. See the very bottom of this page... http://msdn.microsoft.com/library/defau ... ilters.asp
Essentially the menu is stationary but "appears" from top to bottom in a fade type of transition. You can also pick the direction is appears. But that transition will only work on IE browsers, I would guess that ebuyer's works on a couple other browsers since its DHTML.
Dave Hergert
Software Engineer
"Helping to make the menu better, one :?: at a time."
User avatar
jonathan
Advanced
Advanced
Posts: 26
Joined: Wed Jul 02, 2003 1:13 pm
Location: UK

Post by jonathan »

Thanks all for your replies. The demos at http://msdn.microsoft.com/workshop/samp ... Tidemo.htm are great to visualise what it will look like.

Basically I've used the following in the style for the menu.

Code: Select all

Wipe(duration=0.01,wipestyle=1,motion=forward)
PS. I realise that most of these effects will only work on IE...however the usage for this occasion is on an Intranet so I know the target browser.
User avatar
Hergio
Milonic God
Milonic God
Posts: 1123
Joined: Wed Jun 12, 2002 7:46 pm
Location: Rochester, NY

Post by Hergio »

Excellent, I am in the same boat. A totally microsoft house over here, so it makes it easy. I recently pulled our company's intranet homepage up in safari on my powerbook ( ;) ) and I should be ashamed! :lol: Man am I lucky the site is Windows only....I mean, I was nieve and under a deadline when I made it, but still, it just don't look right. Netscape and the such are ok, but its gotta be windows! haha
I personally just use a drop shadow and some transparency. The people here use the intranet to get at their applications and documents quickly, not for eye candy...keep that in mind! I know transitional filters can slow things down abit; it was a hair slower here, but it was enough for them to ask for it to be turned off. This great menu gives me the ability to give them quick, percise functionality while still allowing me to throw in alittle pizzazz. ;)
Dave Hergert
Software Engineer
"Helping to make the menu better, one :?: at a time."
Post Reply