Project Detail

Description

I have a mark-up page done (http://www.vortexmixer.com/video/product_list.zip) and need to improve with these features:

- Must works correctly for IE6, IE7, Safari 3, FF2

- Background menu must to be semitransparent (see ref 2 & 3)
- On Mouseout for submenu need a 'switch timer' for disappear (see ref 1)
- Open/Close menu need a fade in/out effect and animation. (see ref 1)
- Custom scrollbar (see attachment and ref 4 and see attachment)
- Custom button for up and down content (see attachment)

Known Issues on actual page

- Transparent menu don’t Works correctly for IE6 IE7, problems with PNG transparency, (other solution are welcome)
- On IE 6, IE 7, menu overlaps with content.
- On Safari, Horizontal first level of menu knocks out of position.


References


#1 http://www.twinhelix.com/dhtml/fsmenu/demo/ (fading menu - 'switch timer')
#2 http://www.udm4.com/demos/horizontal-relative-left.php (transparent menu)
#3 http://www.lancome.co.uk/_en/_gb/ (transparent menu)
#4 http://www.aldenta.com/examples/script.aculo.us/slider-scrollbar.html (scrollbar)