仅在第一次加载时显示div

我有一个div，我想在用户第一次加载页面时加载。点击它后，div会消失。仅在第一次加载时显示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) 
}

谢谢！

没有cookie可能吗？

来源

2014-06-06 Claudiu Creanga

只需在他们的机器上设置一个cookie，表明他们已经看到了div，然后在显示div之前检查cookie是否已设置。如果已设置，请勿显示。如果没有设置，请显示div并设置cookie。 – James

使用cookie进行调查。 – j08691

没有Cookie可能吗？ –

只需在他们的机器上设置一个表示他们已经看到div的cookie，然后检查该cookie是否在显示div之前设置。如果已设置，请勿显示。如果没有设置，请显示div并设置cookie。

更新

你可以使用session变量，或者你可以跟踪谁看到网页的IP地址，将其存储在数据库中，对证，当有人访问该页面。

来源

2014-06-06 15:36:32 James

仅在第一次加载时显示div

回答

相关问题