从右侧插入具有平滑效果的 DIV
我想知道如何制作一个从屏幕右侧推送 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
为您模拟了一个演示 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.
我建议你使用 jQuery,然后你可以预先考虑或追加某些容器,
所以如果你想在开始时在一个容器中插入 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
if you want to add it at the end
its much easier to manipulate html with the jQuery, and you don't have to change your code for different browsers.
使用 jQuery
animate
方法,做起来非常简单:我在这里给你做了一个演示:
http:// jsbin.com/ububer
Use jQuery
animate
method, it's very simple to do:I made you a demo here:
http://jsbin.com/ububer