jquery SlideUp() 到左侧

Question

我将创建一个每周日历。 当我切换星期时，我想将旧的星期向左或向右滑动以获取新内容。 有人可以帮助我吗？ 目前我没有好主意来实现这个。

非常感谢。

Answer 1

例如，要向左滑动而不是 .slideUp() 您可以直接使用 .animate() ，如下所示：

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

Answer 2

您可以使用 Jquery UI 幻灯片：

$("#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);

您还可以使用类而不是在 js 中指定左侧位置，然后对其进行动画处理。

我也见过人们制作动画 {"width":"toggle"} 但我发现这很滞后。如果你想尝试一下。

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

Answer 3

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

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