Menu
[SIZE=”2″][COLOR=”Navy”][FONT=”Arial”]Is there a way to create a simultaneous effect of both linking and onmouseover for two different layers that are stacked in the same position? Meaning … I have LAYER 1 which would have the “initial image” and the “hot text” that would trigger a rollover (onmouseover) effect for the “new image” to repopulate the same position but in the same or “new” div … onmouseout, the “new image” would hide and the “initial image and “hot text” div content would reappear …
I’ve attempted something of what I wanted, but am still having issues. Any assistance you can provide would be greatly appreciated — THANKS![/FONT]
[FONT=”Arial”][SIZE=”1″][COLOR=”DarkRed”]<html>
<head>
<title></title>
<style type=”text/css”>
.hidden {position: absolute; visibility: hidden}
#netcalltext
{
z-index: 1;
position: absolute;
top: 2px;
left: 2px;
}
#d1
{
z-index: 2;
position: absolute;
top: 2px;
left: 2px;
}
</style>
<script language=”JavaScript”>
<!–
function showIt(obj) {
if (document.getElementById)
{document.getElementById(“d1”).style.visibility = “visible”;}
else
{if (document.layers)
{
document.layers[obj].visibility = “show”;}
else
{document.all(“d1”).style.visibility = “visible”;}
}
}
function hideIt(obj) {
if (document.getElementById)
{document.getElementById(“d1”).style.visibility = “hidden”;}
else
{if (document.layers)
{
document.layers[obj].visibility = “hide”;}
else
{document.all(“d1”).style.visibility = “hidden”;}
}
}
//–>
</script>
</head>
<body>
<div id=”d1″ class=”hidden”><img src=”images/tools-on.jpg” alt=”” width=”194″ height=”280″ border=”0″></div>
<div id=”netcalltext”><a href=”#” onMouseOver=”showIt(‘d1’)” onMouseOut=”hideIt(‘d1’)”><img src=”images/tools-off.jpg” alt=”” width=”194″ height=”280″ border=”0″></a></div>
</body>
</html>