Dropdown [Archive] - WebDeveloper.com

Jonathan

07-10-2003, 09:56 PM

How can I create a <span> or <a> that will not have a link and will open new links?? (onMouseOver)

I want it to be something like this

||||MyTitle||\\\\

That would be in a <td>

then when a mouse goes over it it would look like this

||||MyTitle||\\\\
Link1
Link2
Link3

The "MyTitle" part would be a graphic...

any thoughts?

JHL

07-10-2003, 10:26 PM

something like this?

<html>
<head>
<title></title>
<script type='text/javascript'>
function showlink(id)
{
document.getElementById(id).style.visibility = 'visible';
}

function hidelink(id)
{
document.getElementById(id).style.visibility = 'hidden';
}
</script>
<style type='text/css'>
.hiddenlinks {position: absolute; visibility: hidden; z-index: 2}
a {display:block}
</style>
</head>
<body>
<table border=1>
<tr>
<td>
<span onmouseover="showlink('hl')" onmouseout="hidelink('hl')"><img src='MyTitle.gif'></span><br>
<div class='hiddenlinks' id='hl'>
<a href=# onmouseover="showlink('hl')" onmouseout="hidelink('hl')">link1</a>
<a href=# onmouseover="showlink('hl')" onmouseout="hidelink('hl')">link2</a>
<a href=# onmouseover="showlink('hl')" onmouseout="hidelink('hl')">link3</a>
</div>
</td>
</tr>
</table>
</body>
</html>