<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script language="Javascript">
<!--
function toggleDiv(id,flagit,s) {
if (flagit=="1"){
if (document.layers) document.layers[''+id+''].visibility = "show"
else if (document.all) document.all[''+id+''].style.visibility = "visible"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
var objFrame=document.getElementById("myframe");
objFrame.src = s;
}
else
if (flagit=="0"){
if (document.layers) document.layers[''+id+''].visibility = "hide"
else if (document.all) document.all[''+id+''].style.visibility = "hidden"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
}
}
</script>
<style type="text/css">#div1, #div2, #div3 {position:absolute; top: 50; left: 20; width:400; visibility:hidden}</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="#" onMouseOver="toggleDiv('div1',1,'Default2.aspx')" onMouseOut="toggleDiv('div1',0,'Default2.aspx')">Link 1!</a> |
<a href="#" onMouseOver="toggleDiv('div1',1,'Default3.aspx')" onMouseOut="toggleDiv('div1',0,'Default3.aspx')">Link 2</a> |
<a href="#" onMouseOver="toggleDiv('div1',1,'http://www.google.com')" onMouseOut="toggleDiv('div1',0,'http://www.google.com')">Link 3</a>
<div id="div1"><iframe id="myframe" NAME="myframe" src="about:blank" width="400px" height="400px"></iframe></div>
</div>
</form>
</body>
</html>
This is the code. I hope it will help you.