如何用jQuery中的簡單動畫？jQuery動畫可以用animte函數(shù)實現(xiàn)，該方法通過CSS樣式將元素從一個狀態(tài)改變?yōu)榱硪粋€狀態(tài)。animte函數(shù)CSS屬性值是逐漸改變的，這樣就可以創(chuàng)建動畫效果。只有

如何用jQuery中的簡單動畫？

jQuery動畫可以用animte函數(shù)實現(xiàn)，該方法通過CSS樣式將元素從一個狀態(tài)改變?yōu)榱硪粋€狀態(tài)。

animte函數(shù)CSS屬性值是逐漸改變的，這樣就可以創(chuàng)建動畫效果。只有數(shù)字值可創(chuàng)建動畫，比如：

$(#content).animate({height:100px})直接按F12，然后在console中復制上面代碼即可執(zhí)行。該函數(shù)的接口是：

$(selector).animate(styles,options)

$(selector).animate(styles,speed,easing,callback)對于第一種接口 options 可能的值：speed - 設置動畫的速度easing - 規(guī)定要使用的 easing 函數(shù)callback - 規(guī)定動畫完成之后要執(zhí)行的函數(shù)step - 規(guī)定動畫的每一步完成之后要執(zhí)行的函數(shù)queue - 布爾值。指示是否在效果隊列中放置動畫。如果為 false，則動畫將立即開始specialEasing - 來自 styles 參數(shù)的一個或多個 CSS 屬性的映射，以及它們的對應 easing 函數(shù)如：

$(#content).animate({height:100px}, linear)easing函數(shù)在jQuery 1.4.2中,默認提供了提供了兩種動畫補間效果, 線性和擺動運動曲線：但我們需要使用復雜一些的運動效果，比如讓元件按照雙曲線或拋物線運動趨勢改變時，這兩個函數(shù)就顯得明顯不夠了。不過這實現(xiàn)起來并不復雜，只需要按照相應的數(shù)學公式，添加自定義的easing補間動畫效果函數(shù)即可。比如，現(xiàn)在要讓網(wǎng)頁上的元件按照 y x^4 的曲線運動，運行趨勢為先緩后急。jQuery1.4的linear和swing的動畫實現(xiàn)代碼是這樣的，最新版的jQuery做了改進，只使用了一個參數(shù)p，但不容易看出各個參數(shù)的作用，因此這里使用了一個比較原始版本。

jQuery.extend({

……

easing: {

linear: function( p, n, firstNum, diff ) {

return firstNum diff * p

},

swing: function( p, n, firstNum, diff ) {

return (((p*Math.PI)/2) 0.5) * diff firstNum

}

},

……

})

JS/Jquery，如何實現(xiàn)背景圖片的更換？

更換背景圖片有兩種

1、直接給元素附加css，因為js附加的css樣式要比css中的樣式權(quán)限高，那么js設置的背景圖片就會覆蓋之前的圖片$(this).css(#34background#34,#34url()no-repeat00#34)

2、寫兩個class，一個class里面寫一個背景圖片，js中操作的話直接改變元素的class就可以了$(this).removeClass(#39classA#39).addClass(#39classB#39)相對而言，第二種更好一點，實現(xiàn)了js中盡量不書寫css的理念，同時第二種可以實現(xiàn)背景圖片不斷替換，而第一種不行