无需打开另一个窗口即可创建自定义弹出窗口

时间:2010-09-29 04:28:57

标签: javascript html css popup

我正在尝试为我的网站创建一个自定义弹出框,看起来就像我目前在选择时“联系我”选项卡一样。我想要一些我可以轻松更改内容的内容。我还希望每位访问者每周自动加载一次。如果您有任何建议,那将非常感谢。

  • 页面加载
  • 我不需要按钮让用户点击打开弹出窗口
  • 每位用户每周出现一次(cookie)

我可以根据需要为您提供更多信息

请查看collin-doctor.webs.com并点击“与我联系”,以便更好地了解我所说的内容。

由于

1 个答案:

答案 0 :(得分:0)

我会使用div元素,将divs样式的显示设置为none。然后,当用户访问您的网站时,您可以使用javascript检查日期,因此请说每个星期一我们都希望弹出窗口显示。所以我们要做的是如果这一天是星期一,将divs显示更改为阻止。至于检查访客部分,你需要用PHP做一些事情。获取用户ip并将其保存到数据库或文件中。然后,当用户来到站点检查他们的IP对日志,如果还没有弹出窗口加载具有javascript的页面加载弹出窗口,否则加载没有javascript的页面。无论如何,我的解决方案的第一部分的代码如下

<html>
    <head>
    <style>
        #popup {
            border: 1px solid #000000;
            width:100px;
            height: 100px;
            margin: 0px auto;
            display: none;
        }
    </style>

    <script>
        function showHide(id) {
            var d = new Date();
                if(d.getDay() ==1)
                    document.getElementById(id).style.display ="block";     
        }
    </script>

    </head>
    <body onLoad="javascript: showHide('popup');">
        <div id="popup">Add content here</div>
    </body>
</html>