jquery slideUp（）向左側

Question

我將創建一個每週日曆。 當我切換一週時，我想將舊周滑動到左側或右側以獲取新內容。 任何人都可以幫助我嗎？ 目前我沒有好主意來實現這一點。

非常感謝。

Answer 1

你可以使用jQuery Cycle插件來獲得所需的輸出......如果有jQuery的知識ü...

http://jquery.malsup.com/cycle/

Answer 2

要向左滑動例如不是.slideUp()可以使用.animate()直接，就像這樣：

$(".oldweek").animate({ width: 0 }); 
//or... 
$(".oldweek").animate({ width: "toggle" }); 

Answer 3

您可以使用Jquery UI slide：

$("#calender").hide("slide", { direction: "left" }, 1000); 

或者，如果你不希望包括jQuery UI的，我會建議做這樣的事情：

HTML

<div id="calendar-wrapper"> 
    <div id="calendar"></div> 
</div> 

CSS

calendar-wrapper { overflow:hidden; position:relative; } 
calendar { 
position:absolute; 
width:100px; 
height:100px; 
top:0; 
left:-100px; 
} 

JS（jQuery的）

//to show 
$("#calender").animate({"left":"0px"}, 1000); 

//to hide 
$("#calender").animate({"left":"-" + $("#calender").width() + "px"}, 1000); 

您也可以使用類而不是指定th e在js中的左側位置，然後生成該動畫。

我也看到人們動畫{「width」：「toggle」}但我發現laggy。如果你想嘗試它。

正如你所看到的，有很多解決方案可以滿足你的需求。祝你好運！！