2012-06-29 46 views
0

我在製作div滑動功能。 我想在指定朝向一個div淡出和切換jquery的切換

如我點擊右鍵BTN,那麼div會從左至右 褪色,我點擊左側BTN,那麼div會從右淡出到左

這是我完成了一半的代碼,div的位置不應該改變, 只是使它消失狀滑 http://jsfiddle.net/pL5g2/4/

我的代碼不能達到我的目的,因爲我無法控制的切換方向。 劑量任何人有一個好主意?

+0

那麼也許添加另一個參數來指定方向? @anonymousdownvotingislame - 你也有一個很棒的名字。我完全同意。 – nnnnnn

回答

0

我不知道我是否有你的想法。我修改了下面的代碼

$.fn.slideFadeToggle = function(offset, speed, easing, callback) { 
    return this.animate({ 
     opacity: 'toggle', 
     width: 'toggle', 
     left: offset 
    }, speed, easing, callback); 
}; 

// sample to use the above function. 
$("#right").click(function() { 
    $(".block").slideFadeToggle("+=50px", "slow"); 
}); 

$("#left").click(function() { 
    $(".block").slideFadeToggle("-=50px", "slow"); 
});​ 

我創建了一個demo。請確認。

+0

這個效果不是我想要的,但是謝謝你們都一樣; – user1490429

+0

以上地址被破壞,請看這裏http://jsfiddle.net/pL5g2/4/ – user1490429