Hi guys,
I have two pictures. If you move the mouse over the first one the second will appear, if you move the mouse out then the second will disappear. After this two images I have some texts.This is working fine. But I want the second image to be shown on top of the remaining texts.
Please give your suggestions.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Simple Expanding</title>
<script language="javascript">
function show(){
ddd.style.display='inline';
}
function hide(){
ddd.style.display='none';
}
</script>
</head>
<body>
<div id="d1" style="z-index:2;position:relative">
<img src="http://www.leviossa.com/images/index_02.gif" onMouseOver="show()" onMouseOut="hide()"/>
</div>
<!--Effect.toggle('d6','appear')-->
<div id="d6" style="z-index:3;position:relative">
<img src="http://www.leviossa.com/images/index_03.gif"/>
</div>
<div id="d2" style="z-index:1;position:relative">
sadnjaksd asdlknasldnas<br />
</div>
<script language="javascript">
var ddd = document.getElementById('d6');
</script>
</body>
</html>
Thanks,
Mahendran A.
|