我正在开发一个网站(使用 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>
-提前致谢!
最佳答案
使用 block UI 例子在这里: http://jquery.malsup.com/block/#demos
关于javascript - 在链接的鼠标悬停效果上加载 div 中的网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11372988/