javascript - 在链接的鼠标悬停效果上加载 div 中的网页

Question

我正在开发一个网站(使用 php、html 和 css)。我有一个“新闻和事件”页面，其中包含网址列表。我想要做的是，当鼠标悬停在链接上时，应在 div 中加载相应网站的小缩影，以便用户知道该链接包含什么类型的新闻。

我已经尝试过针对图像和视频的鼠标悬停代码，但无法对网页执行相同的操作。

对于图像:

<a href="Happy-Birthday-1.gif" rel="enlargeimage" rev="targetdiv:loadarea,link:dynamicdrive.com">Happy Birthday</a><br /> <div id="loadarea" style="width: 600px"></div> 

对于视频:

 <a onClick="document.getElementById('dynloadarea').innerHTML='<iframe src=\'osmosis.mpg\' width=\'300\' height=\'300\' scrolling=\'auto\' frameborder=\'0\'></iframe>'"> Osmosis</a> <div id="dynloadarea"></div>

-提前致谢!

Answer 1

使用 block UI例子在这里: http://jquery.malsup.com/block/#demos