如何在窗口边缘创建滑入式DIV?

时间:2012-07-18 18:12:57

标签: jquery css

这是一个相当酷的效果......我在这个页面上查找了一些东西,发现在你到达页面后加载了一段时间左右的滑入式窗口。它从右侧滑入,在250x180处停留约10秒钟,然后缩小到250 x 50并保持可见一段时间。

我很想重新创建此窗口并将其用作我们页面上的实时聊天链接。

我很想知道是否有办法用jQuery / CSS做到这一点。

你们可以在这个页面上查看窗口(这是一个“推荐给你”的幻灯片):Page with slide-in window并给我一些关于如何使用jQuery重新创建它的指导?

加载(FYI)需要一分钟...谢谢大家!

2 个答案:

答案 0 :(得分:0)

看起来它只是一个Wordpress插件:http://wordpress.org/extend/plugins/simplereach-slide/

答案 1 :(得分:0)

试试这个:

var myTimeout = window.setTimeout(function() {
    $(myDiv).animate({
        left: '-=100%'
    });
}, 60000);

假设您的div不在屏幕的右侧。