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: <BR>tbr<BR>if (this.src.substr(this.src.lastIndexOf('/')+1)=='vo_arrow-down.gif') this.src='images/vo_arrow-down-mo.gif'; <BR>tbr<BR>else this.src='images/vo_arrow-up-mo.gif';" <BR>tbr<BR>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'; <BR>tbr<BR>else this.src='images/vo_arrow-down.gif';" <BR>tbr<BR>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'; <BR>tbr<BR>else if (this.src.substr(this.src.lastIndexOf('/')+1)=='vo_arrow-up-mo.gif') this.src='images/vo_arrow-up.gif'; <BR>tbr<BR>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.