建站
咨詢
售后
建站咨詢
新聞中心
jQuery 提供了一系列的動畫方法，如 .show("slow")、.hide()、.slideUp()、.slideDown()、.fadeIn()和.fadeOut()，相信這幾個 方法使用 jQuery 的朋友大多數(shù)都已經(jīng)用過了。那么如果我們想要的某種動畫效果沒有時怎么辦呢？今天我們就看看使用 jQuery 自定義方法來實現(xiàn)這個目標。
為桂陽等地區(qū)用戶提供了全套網(wǎng)頁設計制作服務，及桂陽網(wǎng)站建設行業(yè)解決方案。主營業(yè)務為成都做網(wǎng)站、成都網(wǎng)站設計、桂陽網(wǎng)站設計，以傳統(tǒng)方式定制建設網(wǎng)站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！
首先，一直使用 jQuery 的朋友可能知道，在 jQuery 1.4 版本之前是沒有 .fadeToggle() 方法的，關于 .fadeToggle()方法可以參考下jQuery 1.4.4新方法及特性。比如我們要在先前的 jQuery 版本中實現(xiàn)這個效果，我們可以通過充分利用 .animate() 方法來實現(xiàn)，將所需的參數(shù)傳遞進去。
1.實現(xiàn) .fadeToggle() 方法
fadeToggle
可見最終的效果同 jQuery 1.4.4新方法及特性中一樣，需要注意的是這里為了同 jQuery1.4.4 方法區(qū)別，特意命名為 fadeToggle1。
2.實現(xiàn) slideFadeToggle() 方法
同上述方法類似，實現(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，里邊有詳細的解釋。
文章名稱：jQuery插件-簡單動畫
網(wǎng)頁網(wǎng)址：http://m.5511xx.com/article/dppoigc.html
