我想slideLeft div與jquery ..但像slideDown和slideUp或slideToggle ..我該怎麼辦?Div slideLeft ..喜歡slideDown或slideUp
3
A
回答
1
請使用.animate()
的寬度減少到0動畫:
$('#my-id').animate({ width : 0 }, 1000); // slide left the div
滑塊向右更復雜......
0
如果您的div有溢出這可以工作:隱藏
$("#test").animate({width:0},500,function(){$(this).hide()})
+0
如果您的div有邊框,您需要特別隱藏。如果沒有,你可以使用@ WouterJ的解決方案 – 2012-01-17 22:21:10
3
這是一個快速的jQuery插件,可能有幫助嗎?
jQuery.fn.slideLeftHide = function(speed, callback) {
this.animate({
width: "hide",
marginLeft: "hide",
marginRight: "hide"
}, speed, callback);
}
jQuery.fn.slideLeftShow = function(speed, callback) {
this.animate({
width: "show",
marginLeft: "show",
marginRight: "show"
}, speed, callback);
}
要使用像這樣:
$("#elemID").slideLeftHide(300);
和示範開始一個FIDDLE!
相關問題
- 1. jquery toggle slideUp/slideDown
- 2. jQuery SlideUp/SlideDown madness
- 3. Firefox - jQuery SlideDown/SlideUp
- 4. jquery slideup/slidedown toggle
- 5. SlideDown/SlideUp Toggle 2 divs
- 6. jquery slideup/slidedown功能
- 7. Jquery - ul slidedown slideup
- 8. jQuery的slideUp()/ slideDown()
- 9. jQuery slideDown slideUp點擊
- 10. slideDown和slideUp錯誤
- 11. JQuery slideDown slideUp mouseover mouseout
- 12. jquery slideDown()slideUp()問題
- 13. jQuery slideUp/slideDown問題
- 14. slideUp/slideDown移動版
- 15. jquery slideDown slideUp發現
- 16. jQuery slideDown/slideUp問題
- 17. jQuery slideDown slideUP - 隱藏按鈕
- 18. jQuery slideDown和slideUp子菜單
- 19. jquery slideUp()和slideDown()問題
- 20. 輸入slideUp/slideDown問題
- 21. 延遲slideDown()/ slideUp() - jquery dropdown
- 22. 如何僅使用.slideUp()或.slideDown()僅針對特定子項
- 23. Facebook的喜歡按鈕:所有頁面顯示'0喜歡'或'{總數}喜歡'
- 24. jQuery slideDown和slideUp切換問題
- 25. jQuery報價旋轉使用slideUp和slideDown
- 26. jquery slideup/slidedown第二次不工作
- 27. IE8中的SlideUp()和SlideDown()特效
- 28. 添加.slideUp()和.slideDown()以搜索結果?
- 29. jQuery slideDown/slideUp不能在IE7中工作
- 30. 基本的jQuery slideUp/slideDown幫助
嘗試使用[animate](http://api.jquery.com/animate/) – 2012-01-17 22:15:25