Question

我有一个div，我希望在用户第一次在页面上时加载它。单击后div会消失。

因此，如果用户点击它然后访问另一个页面，则不应加载div，或者如果他返回主页，则不应显示div。

但是，例如，如果他关闭页面然后重新打开它，div将再次显示。

简化：在页面加载时只显示一次。

我做了一个小提琴：

HTML：

<div onclick="move(this.children[0])" class="example_path">
    <div class="example_block"></div>
</div>

的CSS：

.example_path {
    position: relative;
    overflow: hidden;
    width: 400px;
    height: 200px;
    position:fixed;
    top:30%;
}

.example_path .example_block {
    position: absolute;
    background: url('http://lorempixel.com/400/200');
    width: 400px;
    height: 200px;
}

JS：

function move(elem) {
var bottom = 0
function frame() {
bottom++
elem.style.bottom = bottom + 'px'
if (bottom == 1000)
clearInterval(id)
}
var id = setInterval(frame, 5)
}

谢谢！

没有cookies可以吗？

Answer 1

只需在他们的机器上设置一个cookie，表明他们已经看过div，然后在显示div之前检查是否设置了cookie。如果设置了，请不要显示它。如果未设置，请显示div并设置cookie。

<强>更新

您可以使用会话变量，也可以跟踪看到该页面的IP地址，将其存储在数据库中，并在有人访问该页面时对其进行检查。

仅在首次加载时显示div

1 个答案: