2011-11-14 116 views
3

我正在尋找實現隱藏/顯示div在鼠標輸入div的位置顯示,但以滑動從左到右的方式與緩動。幻燈片水平緩動

此外我需要頁面專注於剛剛滑出/顯示的新div。

這是我的腳本。

我需要添加什麼想法?

<script>$("#box0").mouseenter(function() { 
    $("#lSection2").show('slide').delay(5000); 
    $("#boxContent0").slideDown(3000); 
    $("#boxContent0").focus(); 

}); 

$('#boxContent0').mouseleave(function() { 
    $("#boxContent0").fadeOut(1000);  
    $("#lSection2").fadeOut(1000); 
});</script> 

<div class="AdBox" id="box0">mouse over or click to view details</div> 



<div id="lSection2" style="display:none;"><div id="boxContent0" 
style="display:none;" class="boxContent"> 
    <div align="left" style="">Win Big<br /> 
- Ipad<br /> 
- Holiday<br /> 
- 1 Year Spa Treatments</div> 
    <div></div> 
+0

你應該提高你的問題的質量讓我們能夠幫助您。你可以請添加你想要達到什麼(你想要一些div從左到右滑動)。它目前在做什麼?你在談論一些'div',但我沒有看到你的問題。你可以添加你的(相關的)HTML嗎?它也有助於設置演示。你可以爲此使用http://jsfiddle.net。 – PeeHaa

回答

2
$(element).show('slide', { direction: 'left' }, 1000); 
$(element).hide('slide', { direction: 'left' }, 1000); 

http://docs.jquery.com/UI/Effects/Slide

+0

對不起早前沒有給你更多的信息.​​..我想實現目前在這個網站http://www.orisue.com 我想鼠標在一個div和另一個隱藏的div顯示從下滑出從左到右...... 同時我希望頁面的焦點滾動到新顯示div的當前位置。 –

+0

與此同時你給的腳本仍然沒有工作 –

+0

這應該讓你開始:http://jsfiddle.net/yfmXe/只需添加一些用戶意圖邏輯來防止快速鼠標懸停等動畫。 – AlienWebguy