自动弹出类似灯箱的东西

Question

我需要一个自动出现在我网站索引页面的弹出窗口。它必须是用户可以接近的，并且必须在弹出窗口内接受HTML / JavaScript语言。 Lightbox使用图像执行此操作，但没有自动弹出功能。我在网上搜索了一些可行的东西，但我想我没有输入正确的关键字

注意：我不是在寻找一个在完全不同的窗口中打开的JavaScript弹出窗口。

Answer 1

我认为您可能正在寻找类似http://jqueryui.com/demos/dialog/

的内容

Answer 2

http://planetozh.com/projects/lightbox-clones/

这是 box 的相当大的列表。在该网站上，您可以过滤所需的内容;）。

Answer 3

在做这样的事情时，我通常直接跳到fancybox。在这里，您还可以找到有关在页面加载时打开fancybox的具体细节。希望这有帮助！

Answer 4

没有插件的演示弹出窗口。你需要根据需要修改它。

的 HTML 的

<div id="popup" class="hide">
  <p><span class="close"> x </span>Language Selection</p>
  <select id="languages">
    <option value="">-- Please Select any language</option>
    <option value="html">HTML</option>
    <option value="js">JavaScript</option>
  </select>
</div>

的 CSS 的

.hide {
    display: none;
    width: 300px;
    height: 100px;
    border: 2px solid #ddd;
}
#popup p {
    background: #ccc;
    padding: 5px;
}
.close {
    display: block;
    height: 5px;
    width: 5px;
    float: right;
    padding-right: 5px;
    cursor: pointer
}

的的jQuery 的

$(document).ready(function() {
    var selection = null;
    $('#popup').show();
    $('#languages').on('change', function() {
        selection = this.value || null;
    });
    $('.close').on('click', function() {
        if (!selection) {
            alert('Please any one language');
        } else {
            alert('Thanks');
            $('#popup').hide();
        }
    });
});

的 Just a demo 的