Dropbox是如何创建登录页面的?

时间:2012-08-25 00:09:33

标签: wordpress video embed dropbox

我希望创建一个模拟DropBox(在wordpress中)的登录页面。我想知道他们是如何实现单击播放按钮覆盖背景框然后变成视频的效果的?

我从消息来源看到他们正在使用JW播放器,但再也没有任何关于从哪里开始的线索。是否有可以购买的皮肤允许这样做?任何引导我走向正确方向的想法都会受到赞赏。

由于

1 个答案:

答案 0 :(得分:1)

可以使用jquery和css轻松完成。首先,绝对位置都在页面上居中显示,以便当可见一个在另一个上面时,然后将视频div css设置为“display:none;”。然后你可以使用jquery来显示视频并在点击时隐藏播放按钮,如下所示:

$(function(){
    $('#play-btn').click(function(){
        $('#play-btn').hide();
        $('#video').show();
    });
});

简单地完成了mi amigo。请记住,他们不必居中,他们只需要一个位于另一个之上......