asked on
Designing html menu links with javascript slide effect
Hi,
I'm trying to recode one of my existing sites to be a bit more up to date and also search engine friendly. The menu system at the moment is a piece of flash. The links are text, but they slide up when the user hovers which is quite a nice effect. I've been trying (all day yesterday - aaahhh) to recreate it and use the Spry slide technique instead but it doesn't seem to work very well. I've followed instructions and put each menu link in its own individually titled div. The effect kind of works but is a but clunky and isn't terribly smooth on mouseover mouseout. I'm not that proficient in javascript, I just know i want to keep it fairly lean for seo. Can anyone suggest anything.
Thanks in advance.
I'm trying to recode one of my existing sites to be a bit more up to date and also search engine friendly. The menu system at the moment is a piece of flash. The links are text, but they slide up when the user hovers which is quite a nice effect. I've been trying (all day yesterday - aaahhh) to recreate it and use the Spry slide technique instead but it doesn't seem to work very well. I've followed instructions and put each menu link in its own individually titled div. The effect kind of works but is a but clunky and isn't terribly smooth on mouseover mouseout. I'm not that proficient in javascript, I just know i want to keep it fairly lean for seo. Can anyone suggest anything.
Thanks in advance.
Web DevelopmentJavaScript
Last Comment
DallySP
Perhaps you can show what you had, have and want
ASKER
Yes, you can look at the current website at http:www.rtfactflowers.co.uk/gifts.php.
As mentioned I've tried recoding these using the Spry Slide effect as follows:
<div id="menu2" onmouseover="MM_effectSlid
but its all a bit clunky and seems to get stuck!
As mentioned I've tried recoding these using the Spry Slide effect as follows:
<div id="menu2" onmouseover="MM_effectSlid
but its all a bit clunky and seems to get stuck!
Works perfect for me (FF3 XP) if you are talking about the top menu sliding up when moused over
ASKER
Thats because the menu system online is a flash file, I am trying to recreate it using html and javascript for opitmisation purposes but can't seem to get the same effect. Any suggestions?
Erm. Not without seeing what you have done so far.
Anyway. A nice CSS color change would be much preferred - I find all this moving about so contrived. Like "Let's make it move because we can"
Anyway. A nice CSS color change would be much preferred - I find all this moving about so contrived. Like "Let's make it move because we can"
ASKER
To be honest I think your are right. It would be nice to have a solution though, in case client insists. I've tried using the spry effect detailed above but the problem is it doesn't work for mouse in and mouse out, and if you have more than one button on a page, they all seem to react in random ways! With a flash button you can obviously code a movie clip to react to an Over state, Just wondered what the advise would be to achieve the same thing without flash.
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Many thanks for this - just trying it out.
ASKER
Sorry to have disappeared on you - not quite what I was looking for, but useful resource none-the-less.
All the best.
All the best.