Enhanced XP drop down menu for web developers

Download source files - 21.4 Kb

Introduction

My new-found idea on the web interface is just a follow-up of my interest to do something on this platform. My curious searching found an outlet in a basic dropdown menu script by Eric Simmons. I worked on it to enhance something similar to XP style.

Finally I could do it!

I added the XP style up and down button with mouse over effect on it.

<IMG id=imgdownarrow onmouseover="Javascript: 
tbr
if (this.src.substr(this.src.lastIndexOf('/')+1)=='vo_arrow-down.gif') this.src='images/vo_arrow-down-mo.gif'; 
tbr
else this.src='images/vo_arrow-up-mo.gif';" 
tbr
onclick="Javascript: if ((this.src.substr(this.src.lastIndexOf('/')+1)=='vo_arrow-down.gif') || (this.src.substr(this.src.lastIndexOf('/')+1)=='vo_arrow-down-mo.gif')) this.src='images/vo_arrow-up.gif'; 
tbr
else this.src='images/vo_arrow-down.gif';" 
tbr
onmouseout="Javascript: if ((this.src.substr(this.src.lastIndexOf('/')+1)=='vo_arrow-down.gif') || (this.src.substr(this.src.lastIndexOf('/')+1)=='vo_arrow-down-mo.gif')) this.src='images/vo_arrow-down.gif'; 
tbr
else if (this.src.substr(this.src.lastIndexOf('/')+1)=='vo_arrow-up-mo.gif') this.src='images/vo_arrow-up.gif'; 
tbr
else this.src='images/vo_arrow-up.gif';" src='images/vo_arrow-down.gif' align=absMiddle name=imgdownarrow >

The moving part of the menu code is in the javascript file(menu.js and sddm.css) which is located in the images directory of the project zip file. Hope you will enjoy... commets are welcome and my thanks to Eric Simmons.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here