新聞中心
jQuery 提供了一系列的動(dòng)畫方法,如 .show("slow")、.hide()、.slideUp()、.slideDown()、.fadeIn()和.fadeOut(),相信這幾個(gè) 方法使用 jQuery 的朋友大多數(shù)都已經(jīng)用過(guò)了。那么如果我們想要的某種動(dòng)畫效果沒有時(shí)怎么辦呢?今天我們就看看使用 jQuery 自定義方法來(lái)實(shí)現(xiàn)這個(gè)目標(biāo)。

為桂陽(yáng)等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù),及桂陽(yáng)網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、桂陽(yáng)網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!
首先,一直使用 jQuery 的朋友可能知道,在 jQuery 1.4 版本之前是沒有 .fadeToggle() 方法的,關(guān)于 .fadeToggle()方法可以參考下jQuery 1.4.4新方法及特性。比如我們要在先前的 jQuery 版本中實(shí)現(xiàn)這個(gè)效果,我們可以通過(guò)充分利用 .animate() 方法來(lái)實(shí)現(xiàn),將所需的參數(shù)傳遞進(jìn)去。
1.實(shí)現(xiàn) .fadeToggle() 方法
fadeToggle
可見最終的效果同 jQuery 1.4.4新方法及特性中一樣,需要注意的是這里為了同 jQuery1.4.4 方法區(qū)別,特意命名為 fadeToggle1。
2.實(shí)現(xiàn) slideFadeToggle() 方法
同上述方法類似,實(shí)現(xiàn)代碼如下:
- jQuery.fn.slideFadeToggle1 = function(speed, easing, callback) {
- return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback);
- };
slideFadeToggle
原文見:http://www.learningjquery.com/2008/02/simple-effects-plugins,里邊有詳細(xì)的解釋。
文章題目:jQuery插件-簡(jiǎn)單動(dòng)畫
本文地址:http://www.5511xx.com/article/dppoigc.html


咨詢
建站咨詢
