在Link上POPUP出目标页面

Question

当鼠标移到页面上的Link上就会POPUP一个小的窗口秀出目标页面
当鼠标移出页面上的Link之后就会把POPUP出的窗口关掉
请教以上该怎么写?

Answer 1

浮动层里面放个框架就行了，用框架来加载链接指向的地址
<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>

Answer 2

谢谢版主
后来我使用了jQuery的hide和show可以更快速的实现。