Focus Slide Menu | JavaScriptSource

Focus Slide Menu

Steve Chipman Jul 18, 2008

General

Mousing over a list item will cause the bluish green DIV to slide over to that list item. Interesting menu effect. Easily customizable. Degrades very nicely for those with JavaScript turned off.


Notes

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: focusSlide.js


CSS

Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.


Head

Paste this code into the HEAD section of your HTML document.


Body

Paste this code into the BODY section of your HTML document


Leave a Response

(5 comments)

Your question is beyond the scope of these comments. You will need to post it over on [a href="http://www.webdeveloper.com/forum/forumdisplay.php?f=3"]the JavaScript forum[/a]. Thanks!

Lee Nov 6, 2008

Your question is beyond the scope of these comments. You will need to post it over on [a href="http://www.webdeveloper.com/forum/forumdisplay.php?f=3"]the JavaScript forum[/a]. Thanks!

Lee Oct 31, 2008

How did you get this to work in FireFox? I can only get it to work in IE.

Cody Oct 8, 2008

hi, your script looks cool, but when I used it, it doesn't works. the menu can display correctly but there is not slide action from jvscript. I tried put alert( 'test ')in that js file and test pop up.This mean the js file is invoked but does not perform the slide action

john Jul 19, 2008

nice effect, but it seems to 'degrades nicely' in Opera 9.5.

Bill Ferguson Jul 19, 2008