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。如果你想尝试它。

正如你所看到的，有很多解决方案可以满足你的需求。祝你好运！！