|
1.修改內(nèi)聯(lián)CSS
jQyery提供.css()方法來供我們獲取或修改內(nèi)聯(lián)的css
.css()方法能夠接收的參數(shù)由兩種,一種是為它單獨傳遞一個單獨的樣式屬性和值,另一種是為它傳遞一個由“屬性-值”對構成的映射:
.css('property','value');
.css({'property1':'value1','property-2':'value2'});
一般來說,數(shù)字值不需要加引號,而字符串值需要加引號。但是,當使用映射表示法時,如果屬性名使用駝峰大小寫形式的DOM表示法,則可以省略引號。
2.基本的隱藏和顯示,不帶動畫效果
.hide()
.show()
這兩個方法的作用就是立即隱藏或顯示匹配的元素集合。
3.指定顯示速度的隱藏和顯示
在.hide()和.show()方法的基礎上,可以制定隱藏或顯示的速度。它的表示方法為:.hide('speed')或.show('speed')。speed的值可以為:
slow、normal、fast;slow為0.6秒;normal為0.4秒;fast為0.2秒
數(shù)值表示的毫秒數(shù)值
4.淡入淡出效果
.fadein() 為匹配元素指定淡入效果
.fadeout() 為匹配元素指定淡出效果
使用.fadein()或.fadeout()同樣可以制定speed值,如:slow、normal、fast、毫秒數(shù)
淡入淡出的實現(xiàn)方式其實是增加或減少匹配元素的不透明度來實現(xiàn)的。
5.制作動畫效果
jQuery提供了一個強大的.animate()方法,通過該方法可以創(chuàng)建包含多重效果的自定義動畫。.animate()方法接受以下四個參數(shù):
一個包含樣式屬性及值的映射。
可選的速度參數(shù),默認為normal。
可選的緩動類型
可選的回調(diào)參數(shù)。
6.使用.animate()制作動畫的時候應當考慮的問題
css對我們要改變的元素所施加的限制
例如,在元素的css定位沒有設置成relative或absolute的情況下,調(diào)整left屬性對于匹配的元素毫無作用。所有塊級元素默認的css定位屬性都是static,這個值精切地表明:在改變元素的定位屬性之前試圖移動它們,它們只會保持靜止不動。
并發(fā)與排隊效果
jQuery中無論是處理一組還是多組元素,默認都是同時發(fā)生的,因此,并發(fā)問題就成為了我們值得考慮的一個問題。概括起來有以下兩點:
如果是處理一組元素,可以根據(jù)代碼的書序進行控制;
如果是處理多組元素,則可以通過回調(diào)函數(shù)進行控制;
JavaScript技術:jQuery 動態(tài)酷效果實現(xiàn)總結(jié),轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。