2012-07-26 66 views
0

我想知道如果有人可以幫助。我正在嘗試創建一個由鼠標激活的水平滾動條,這會擴大懸停的div。但不能得到它的工作。水平div卷軸與放大懸停

我已經創建了一個例子在這裏:http://vonholmes.co.uk/scroller/scroll-test.html

然而,在列表中的第六元素完全不&顯示5日進入不穩定的懸停!

有沒有人知道這樣做的更好方法或某種方式來解決我的代碼?

也嘗試過使用:http://www.smoothdivscroll.com/index.html#quickdemo - 但是放大懸停也會導致此問題中斷。

任何幫助,非常感謝!

回答

1

我已經在你的jquery動畫功能做了一個小的改變,現在它對我來說工作正常。 問題在於分配給li標籤的寬度。

$("ul li").hover(
function(){ 
$("ul li").animate({'width':'100px'},'fast'); 
    $(this).animate({'width' : '250px'},'fast'); 
}, 
function() 
{ 
    $(this).animate({'width':'130px'},'fast'); 
}); 
}); 
+0

感謝您的回覆!這確實使它的功能正確,但是有沒有辦法將寬度保持在130px,並且只是將其放大?除了當前的方法之外,此方法將所有內容調整爲100px。 – vonholmes 2012-07-26 13:13:13

+0

在這種情況下,我會建議你解決 - 我刪除了以前添加的額外jquery行,並添加了兩個具有隱藏可見性的li,令我驚訝的是它像一個魅力一樣工作。 \t \t

  • ssilas777 2012-07-26 13:41:38

    +0

    好,現在工作,再次感謝! – vonholmes 2012-07-26 13:45:45