需要有关“从侧面浮动”项目的指导吗？答案

【问题标题】：Need guidance on "float in from sides" project?需要有关“从侧面浮动”项目的指导吗？
【发布时间】：2012-08-10 16:44:43
【问题描述】：

我正在尝试做一个网站，效果如下：

很难解释和找到，但这里有一个非常高级的例子of the effect。

我真的希望你能帮上忙。

【问题讨论】：

嗨。 Stackoverflow 的存在是为了让 SA 社区的成员可以帮助您解决编码问题。如果您可以向我们展示您迄今为止开发的代码，也许有人会帮助您超越界限，或者至少将您推向正确的方向。
仅使用 HTML 和 CSS 是行不通的，你需要 JavaScript 来实现。

【解决方案1】：

试试这个....

$(文档).ready(函数(){ $("body").css("display","none"); $("body").fadeIn(2000); });

在这一个中，首先整个页面将是空的......然后它会淡入......

$('#element').animate({ 不透明度：1，左：'+=50'，顶部：'+=200' }，2000，函数（）{ // 动画完成。 });

使用上面的代码移动对象....

【讨论】：

【解决方案2】：

我建议您考虑使用 JQuery 动画以及搜索“无限滚动”或“无限滚动”。

JQuery UI 可能是您最好的选择，而且看起来不错。有几种方法可以做到这一点，这里就不多说了。

至于无限滚动，也有很多办法。

【讨论】：

【解决方案3】：

你也可以使用jQuery，它有很好的框架效果。

【讨论】：

【解决方案4】：

首先，将所有元素设置为 display:none;在你的 CSS 中。使用 jquery 制作动画：

例如：

$('#element').animate({
  opacity: 1,
  left: '+=50',
  top: '+=200'
}, 2000, function() {
  // Animation complete.
});

这将导致 id 为“元素”的元素淡入，同时在 2 秒内向右移动 50 像素并向下移动 200 像素。

【讨论】：