Javascript 在页面加载时将图像显示为弹出窗口

我正在学习php，对javascript完全不熟悉。但我想知道如何生成一个包含一些文本和图像的弹出窗口（如果允许HTML格式，对我来说就可以了）

我想在每次加载页面时生成一条弹出消息，如www.000webhost.com， 每次打开/刷新000webhost.com主页时，都会显示一幅图像。

---

如何做到这一点？

只需创建一个适当的html容器，其中包含要显示的内容，使用css对其进行样式设置，并向其添加一个

display:none

属性。您的javascript非常简单：

document.addEventListener('DOMContentLoaded', function(){
    var popup = document.querySelectorAll('[your element selector]')[0];
    popup.style.display = 'block';
}, false);

---

您还应该添加一些关闭它的功能，但这不是问题的范围。我反对不必要的大UI库，它们让您可以非常简单地创建非常简单的模式，并提供更多不需要的源代码。这只是一种开销。

我建议使用一种插件，它们简单易用，只需要最少的javascript或jquery知识。

我总是使用

jquery ui

弹出窗口。我已经为您创建了一个工作示例

---

在

div

中添加任何html内容。有关jQuery ui的更多信息，请访问

我很抱歉在这个睡眠问题上发帖…虽然问题睡眠，但要求仍然提高：）正是今天我想这样做，我不想用大的js文件弹出一个简单的窗口..在搜索时，我找到了colorbox插件并进一步挖掘，我找到了解释如何使用它的方法

这是函数

 <link href="popup/colorbox.css" rel="stylesheet"></link>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="popup/jquery.colorbox-min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $.fn.colorbox({href:"popup/popup_image.jpg", open:true});
});
</script> 

$（文档）.ready（函数（）{
$.fn.colorbox（{href:“popup/popup_image.jpg”，open:true}）；
});

---

希望这对将来的人有所帮助。我想把它贴在这里，因为我注意到这个问题被浏览了8000多次。所以每个人都在寻找一个可靠的解决方案。

thanx它的工作原理-但它不是移动响应的-你能推荐任何移动响应的替代方案吗