jQuery：懸停在幻燈片面板

我正在尋找一種方法來將鼠標懸停在我的網站上的特定圖像上，這與Google搜索的功能類似。jQuery：懸停在幻燈片面板

我還需要這個面板來顯示另一個網站頁面。我確信可以使用iframe或PHP的cURL來完成。

下面是類似的例子我所期待的： http://srobbin.com/jquery-plugins/pageslide/

來源

2012-09-13 Draven

你嘗試過什麼嗎？ – PaperThick

不，我對jQuery不太好，但主要是因爲我還沒找到我需要的插件。 – Draven

哈哈是的，我找到了一個！但這不是我要找的。 – Draven

這是很容易，你不需要插件：

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/

來源

2012-09-13 11:24:24 kirkas

不起作用，我需要它向右滑動，而不是向下滑動。謝謝你。 http://jsfiddle.net/Draven/D6Xsh/3/ – Draven

它確實有效，等待站點完全加載。而對於幻燈片的右側，您最好看看animate函數（http://api.jquery.com/animate/）。玩寬選項。 – kirkas

另外，你可能想看看這個： http://jsfiddle.net/kirkas/SULhT/3/ – kirkas

這是非常相似的，你提到的但你看馬賽克？

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

來源

2012-09-13 11:28:39 SpaceBeers

jQuery：懸停在幻燈片面板

回答

相關問題