2011-08-06 131 views
1

我正在使用jquery爲圖像的背景位置設置動畫,它適用於現代瀏覽器,但不適用於IE。任何幫助非常感謝,謝謝:)JQuery的動畫不工作在IE?

$("#btn-home").click(function(){ 
    $('#line').animate({backgroundPosition: '0px 0', duration:2000}); 
    }) 
    $("#btn-intro").click(function(){ 
    $('#line').animate({backgroundPosition: '116px 0', duration:2000}); 
    }) 
    $("#btn-prizes").click(function(){ 
     $('#line').animate({backgroundPosition: '231px 0', duration:2000}); 
     }) 
    $("#btn-part").click(function(){ 
     $('#line').animate({backgroundPosition: '345px 0', duration:2000}); 
     }) 
    $("#btn-prog").click(function(){ 
     $('#line').animate({backgroundPosition: '460px 0', duration:2000}); 
     }) 
    $("#btn-judge").click(function(){ 
     $('#line').animate({backgroundPosition: '575px 0', duration:2000}); 
     }) 
    $("#btn-past").click(function(){ 
     $('#line').animate({backgroundPosition: '690px 0', duration:2000}); 
     }) 
+0

你介意張貼小提琴?這段代碼在IE中做了什麼? –

回答

4

試試這個

$('#line').animate({backgroundPosition: '345px 0'}, 2000); 
+0

@ ps2 - 你有機會看看它嗎? – ShankarSangoli

0
$("#btn-home").click(function(){ 
    $('#line').animate({backgroundPosition: '0px 0', duration:2000}); 
    }) 

是錯誤的。

我不認爲在Animate中有任何內容,例如duration: {NUMBER}

嘗試:

$("#btn-home").click(function(){ 
    $('#line').animate({backgroundPosition: '0px 0', 2000}); 
    })