2015-06-22 71 views
-1

下一個jQuery教程,教師使用此代碼來旋轉菜單按鈕使用文本縮進與動畫

$('#toggleMenu').animate({ 
    'text-indent':1 
},{ 
    duration:1000, 
    easing:'linear', 
    step:function(now){ 
     $(this).css('transform', rortateZ(' + (now * 360) + 'deg)');  
    } 
}); 

然後同樣的代碼,但與「TEXT-INDENT」:0逆轉動畫時,教練說他正在使用'文字縮進'來和step函數一起使用,但我真的不明白,你能解釋一下在這個動畫中'text-indent'的作用是什麼嗎?

+1

基本上'text-indext'是一個'html'屬性**,它指定文本塊**中第一行的縮進。 ** [瞭解更多](http://www.w3schools.com/cssref/pr_text_text-indent.asp)** –

+1

@putvande這個地方讓人們互相幫助,你在錯誤的地方。 – Wel

+0

@GuruprasadRao我知道,但這不能回答我的問題。 – Wel

回答

0

步驟回調爲動畫中的每個步驟提供回調。通過將從0到1的值設置爲動畫,將使用相應的當前值(0到1)調用回調,然後可以直接應用該值來計算旋轉角度。可以選擇任何屬性而不是文本縮進,但是您希望使用對元素外觀沒有(或最小)影響的屬性,因爲其唯一目的是爲其他效果提供適當的值。