在laravel 5.6中打开网站时,如何自动打开弹出窗口?

时间:2018-10-03 07:44:51

标签: php laravel-5

我想在laravel 5.6中打开网站时,使用关闭按钮自动显示文本和图像,如下图所示。 我找不到解决方法。

image popup sample

1 个答案:

答案 0 :(得分:0)

将此元素放在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();
});

如果您希望它在显示使用超时之前稍等一会。 很好,如果您还希望它具有关闭按钮,则可以在其中放置一些imga元素并设置属性onClick="$(this).hide();" <-如果使用的是jQuery