在Link下POPUP出目标页面

在Link上POPUP出目标页面
当鼠标移到页面上的Link上就会POPUP一个小的窗口秀出目标页面
当鼠标移出页面上的Link之后就会把POPUP出的窗口关掉
请教以上该怎么写?
------解决方案--------------------
浮动层里面放个框架就行了，用框架来加载链接指向的地址

<a href="http://www.baidu.com">baidu</a><br /><a href="http://www.coding123.net">coding</a><br /><a href="http://bbs.csdn.net">csdn</a>

<div id="dvPop" style="display:none;position:absolute;border:solid 1px #000000"><iframe style="width:600px;height:400px;" frameborder="0" marginheight="0" marginwidth="0"></iframe></div>

<script type="text/javascript" src="http://www.coding123.net/js/jquery.js"></script>

<script>

$(function(){

  $('a').mouseover(function(){

    var p=$(this).offset();

	$('#dvPop').css({left:p.left+this.offsetWidth,top:p.top+this.offsetHeight}).find('iframe').attr('src',this.href).end().fadeIn(300);

  }).mouseout(function(){$('#dvPop').fadeOut(300);});

});

</script>