如何在第一次加载网站时显示DIV

时间:2013-07-08 11:40:07

标签: javascript show-hide tumblr

我一直在圈子里跑来跑去看看/隐藏DIV。

我有这个网站:http://fugados.tumblr.com。我在标题和帖子中嵌入了一个iframe作为地图。

我正在寻找一种方法(我被阻止了如何做)只在你第一次加载网站时显示地图。在初始加载后,如果您在帖子或页面中单击,我希望隐藏地图,如果您想要查看/打开地图,可以按下带/按钮/标签。

原因是地图占用了大量空间,并且过多地移动了内容。第一次访问网站就可以看到地图就在那里,但如果你想阅读网站内容,每个页面的地图都会占用太多空间。

谢谢!

4 个答案:

答案 0 :(得分:2)

我认为最简单的方法是使用本地存储。 在第一次加载

时设置它
localStorage.setItem('wasVisited', 1);

然后检查它是否存在

if (localStorage.wasVisidet !== undefined ) {/* hide map */}

答案 1 :(得分:1)

你应该使用cookies。 第一次加载页面时检查是否有cookie值,即“hide_map”设置为true。如果是,则隐藏地图。如果没有,则不要隐藏地图,而是将cookie“hide_map”值设置为true。这样,下次用户加载页面时,“hide_map”将为true,您将隐藏地图。

答案 2 :(得分:0)

为地图创建ID。 然后使用document.getElementById(“mapid”)。style.display =“none”;

答案 3 :(得分:0)

在这个页面中:http://www.w3schools.com/js/js_cookies.asp它讨论了你的问题,你可以调整它而不是显示问候语,用简单的jquery代码隐藏你的地图$(“#idofyourmap”)。hide();

相关问题