Question

当您将鼠标悬停在我的网站上的特定图片上时，我正在寻找一种方法来制作一个幻灯片面板，类似于Google搜索。

我还需要此面板来显示另一个网站页面。我相信我可以使用iframe或PHP的cURL。

这是一个类似于我正在寻找的示例： http://srobbin.com/jquery-plugins/pageslide/

Answer 1

这很简单，你不需要插件：

HTML

<img id="imgHover" src="img/photo.png"/>
<div id="panel">
    <iframe src="http://www.website.com"></iframe>
</div>

JQUERY

$("#panel").hide();
$("#imgHover").hover(
    function(){
        $("#panel").slideDown();
    },
    function(){
        $("div").slideUp();
    }   
)

工作例子：

http://jsfiddle.net/kirkas/SULhT/

更新

http://jsfiddle.net/kirkas/aFXNC/

Answer 2

这与你提到的那个很相似，但看起来像马赛克吗？

http://buildinternet.com/project/mosaic/1.0/

jQuery：悬停在幻灯片面板上

2 个答案: