I want to add a script to an image on a website, so that when a person puts their cursor on it, a menu with different links will pop up under it.

It doesn’t necessarily have to be done in JavaScript, if there is a better way.

Also I want the links to open in new windows with specific sizes.

If anyone has a good way to do this let me know.

Thanks in advance.

Actually im looking for the same thing too soo please help out here.....thanks magiccupcake u took me off the trouble from starting a new thread

Originally Posted by rash219

Actually im looking for the same thing too soo please help out here.....thanks magiccupcake u took me off the trouble from starting a new thread

hey guys i have been lookin all over fro the code jus tell if this will work

======================================

in main html............
<ul id="nav">
<li>Sunfishes
<ul>
<li><a href="">Blackbanded sunfish</a></li>
<li><a href="">Shadow bass</a></li>
<li><a href="">Ozark bass</a></li>
<li><a href="">White crappie</a></li>
</ul>
</li>

in css......

ul {
padding: 0;
margin: 0;
list-style: none;
}
li {
float: left;
position: relative;
width: 10em;
}
li:hover ul { display: block; }
li:hover ul, li.over ul{ display: block; }
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;

I am not exactly sure what you are going for there. But I tried it and I don't think it really did what you wanted.