0

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

我还需要这个面板来显示另一个网站页面。我确信可以使用iframePHP 的 cURL 来完成。

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

4

2 回答 2

1

很简单，不需要插件：

HTML

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

查询

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

工作示例：

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

更新

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

于 2012-09-13T11:24:24.193 回答
1

它与您提到的非常相似，但是您看过马赛克吗？

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

于 2012-09-13T11:28:39.837 回答