2012-06-11 63 views
1

這與Netflix的圖庫滑塊非常相似。在鼠標上方箭頭我想通過增加或減少其左側屬性將div#galleryImages左移或右移,並繼續增加,直到我將鼠標移出。本質上這就是我想做的事,但我不知道如何:在鼠標懸停時不斷增加或減少css「左」值

$(".goRight").mouseover(function() { 
     $("galleryImages").css('left', keep decreasing) 
    } 

    $(".goRight").mouseover(function() { 
     $("galleryImages").css('left', keep increasing) 
    } 

謝謝你,這裏的小提琴:

http://jsfiddle.net/exxDW/5/

回答

0

您應用增加和減少到.goRight類。我認爲一個應該是.goLeft

var pos = 400; 

$(".goRight").mouseover(function() { 
    pos+=20; 
    $("galleryImages").css('left', pos) 
} 

$(".goLeft").mouseover(function() { 
    pos-=20; 
    $("galleryImages").css('left', pos) 
} 
+0

當你將鼠標懸停在箭頭上時,它只會增加一次。但它不會持續增加或減少:http://jsfiddle.net/exxDW/9/ – Sammy

+0

如果將鼠標移出並再次輸入,鼠標移動會再次降低。通過左右移動鼠標試試這個http://jsfiddle.net/exxDW/11/ – Adil