jquery slideUp()到左侧

jquery slideUp()到左侧,jquery,jquery-animate,Jquery,Jquery Animate,我将创建一个每周日历。 当我切换一周时,我想将旧的一周向左或向右滑动以获取新内容。 有人能帮我吗? 目前我还没有实施这一计划的好主意 非常感谢。您可以使用jQuery Cycle插件获得所需的输出。。。如果你了解jQuery 例如,要向左滑动,而不是直接使用,可以如下所示: $(".oldweek").animate({ width: 0 }); //or... $(".oldweek").animate({ width: "toggle" }); 您可以使用: 或者,如果您不想包含Jquer

我将创建一个每周日历。 当我切换一周时,我想将旧的一周向左或向右滑动以获取新内容。 有人能帮我吗? 目前我还没有实施这一计划的好主意


非常感谢。

您可以使用jQuery Cycle插件获得所需的输出。。。如果你了解jQuery


例如,要向左滑动,而不是直接使用,可以如下所示:

$(".oldweek").animate({ width: 0 });
//or...
$(".oldweek").animate({ width: "toggle" });
您可以使用:

或者,如果您不想包含Jquery UI,我建议您这样做:

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

js(jquery)

您还可以使用类,而不是在js中指定左位置,然后设置动画

我也见过人们制作{“宽度”:“切换”}的动画,但我发现拉吉。如果你想试试的话

正如您所见,有许多解决方案可以满足您的需求。祝你好运

我尝试使用
动画({“displat”:“none”},1000)
,但它对我不起作用。
<div id="calendar-wrapper">
   <div id="calendar"></div>
</div>
calendar-wrapper { overflow:hidden; position:relative; }
calendar { 
position:absolute; 
width:100px; 
height:100px; 
top:0;
left:-100px;
}
//to show
$("#calender").animate({"left":"0px"}, 1000);

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