从右侧插入具有平滑效果的 DIV

发布于 2024-12-16 17:06:25 字数 149 浏览 1 评论 0原文

我想知道如何制作一个从屏幕右侧推送 Div 的脚本。

这些 Div 向右浮动,因此当一行上有太多 Div 时,该行中最长的一个(左侧的一个)会跳到下一行。

但我想要一个添加 div (就在屏幕之外)并将其推入屏幕的函数。

有什么想法吗?

I was wondering how to make a script that pushes in Divs from the right of my screen.

These Divs are floating right, so when there are too many on one row they one that is longest on the row (one on the left) hops to the next row.

But I want a function that adds a div (just outside of the screen) and pushes it into the screen.

Any idea's ?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

长梦不多时 2024-12-23 17:06:25

为您模拟了一个演示 http://jsfiddle.net/rW5rC/3/

允许您添加单击按钮时的新元素将在屏幕外不可见并滑入。

Mocked up a demo for you http://jsfiddle.net/rW5rC/3/

Allows you to add a new element on button click which starts invisible offscreen and slides in.

鸠魁 2024-12-23 17:06:25

我建议你使用 jQuery,然后你可以预先考虑或追加某些容器,

所以如果你想在开始时在一个容器中插入 div,

$('#id_of_container').prepend('<div class="left">my div</div>');

如果你想在最后添加它,那么

$('#id_of_container').append('<div class="left">my div</div>');

使用 jQuery 操作 html 会更容易,并且你不必为不同的浏览器更改代码。

I suggest you to use jQuery, then you can prepend or append certain container

so if you want to insert div in one container at the start use

$('#id_of_container').prepend('<div class="left">my div</div>');

if you want to add it at the end

$('#id_of_container').append('<div class="left">my div</div>');

its much easier to manipulate html with the jQuery, and you don't have to change your code for different browsers.

风轻花落早 2024-12-23 17:06:25

使用 jQuery animate 方法,做起来非常简单:

$("div").animate({
   left: 200
});

我在这里给你做了一个演示:

http:// jsbin.com/ububer

Use jQuery animate method, it's very simple to do:

$("div").animate({
   left: 200
});

I made you a demo here:

http://jsbin.com/ububer

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文