时间戳

首页 > 解决方案 > 当网站在 laravel 5.6 中打开时如何自动打开一个弹出窗口？

php - 当网站在 laravel 5.6 中打开时如何自动打开一个弹出窗口？

问题描述

当网站在 laravel 5.6 中打开时，我想在弹出窗口中自动显示带有关闭按钮的文本和图像，如下图所示。我找不到解决方案。

图片弹出示例

标签： phplaravel-5

解决方案

将此元素放在 div 中并设置display:none;为它的样式。例如

<div id="yourElementID" style="display:none;"> <img src="img.jpg"><p>text</p> </div>

为了在加载时显示它：您应该使用 Javascript/jQuery。要么是纯JS

<script>
window.onload = function() {
  document.getElementById('yourElementID').style.display = "block";
};
</script>

或使用 jQuery

$(document).ready(function() {
    $('#yourElementId').show();
});

如果您希望它在显示使用超时之前稍等片刻。好吧，如果您还希望它有关闭按钮，那么您可以在其中放置一些img或a元素并设置属性onClick="$(this).hide();"<- 如果您使用的是 jQuery

推荐阅读