如何使HTML 5和CSS 3中的模态窗口自动弹出?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (170)

我在网上找到了一些代码,允许我创建和设计一个模式窗口,供访问者注册我们的时事通讯,但我希望这个模式窗口在打开索引页时自动弹出。到目前为止,我只能找到依赖于用户单击超链接的模态窗口。是否有一个函数,我可以用来自动打开模态窗口,或一种方式,自动加载一个超链接。

这是我用来创建模态窗口的链接 :http://designwebsiteblog.com/design/web-design/creating-a-modal-window-with-html5-css3.html

提问于
用户回答回答于

试试看它对我有用

<script type="text/javascript">    
    $(function () {    
        $("#dialog").dialog({    
            modal: true,    
            autoOpen: false,
            title: "jQuery Dialog",    
            width: 300,    
            height: 150    
        });    
        $("#btnShow").click(function () {    
            $('#dialog').dialog('open');    
        });    
    });    
</script>
用户回答回答于

你可以始终将指向模态窗口的链接括在span或div中,然后使用jQuery加载页面,使用.click()函数自动加载链接。

扫码关注云+社区

领取腾讯云代金券