Javascript 在不打开其他窗口的情况下创建自定义弹出窗口

Javascript 在不打开其他窗口的情况下创建自定义弹出窗口,javascript,html,css,popup,Javascript,Html,Css,Popup,我正在尝试为我的网站创建一个自定义弹出框,该框在选中时与我当前的“联系我”选项卡类似。我想要的东西,我可以很容易地改变内容。我还想让它每周只自动加载每个访问者一次。如果你有任何建议,他们会很乐意的,谢谢 页面加载 我不需要用户点击按钮打开弹出窗口 每个用户每周显示一次(cookie) 我可以根据需要向您提供更多信息 请访问collin-doctor.webs.com并单击“联系我”,了解我在说什么 谢谢我会使用div元素,将divs样式的显示设置为none。然后,当任何用户访问您的站点时,您

我正在尝试为我的网站创建一个自定义弹出框,该框在选中时与我当前的“联系我”选项卡类似。我想要的东西,我可以很容易地改变内容。我还想让它每周只自动加载每个访问者一次。如果你有任何建议,他们会很乐意的,谢谢

  • 页面加载
  • 我不需要用户点击按钮打开弹出窗口
  • 每个用户每周显示一次(cookie)
我可以根据需要向您提供更多信息

请访问collin-doctor.webs.com并单击“联系我”,了解我在说什么


谢谢

我会使用div元素,将divs样式的显示设置为none。然后,当任何用户访问您的站点时,您都可以使用javascript检查日期,比如说每周一我们都希望弹出窗口显示。所以我们要做的是,如果当天是星期一,将divs显示更改为block。至于检查访问者部分,您需要使用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>

#弹出窗口{
边框:1px实心#000000;
宽度:100px;
高度:100px;
保证金:0px自动;
显示:无;
}
函数showHide(id){
var d=新日期();
如果(d.getDay()==1)
document.getElementById(id).style.display=“block”;
}
在此处添加内容

您希望在用户登录时打开此弹出页面。您可以在数据库中最后一次打开弹出页面。一旦用户登录,您可以使用当前日期从数据库中的日期字段计算天数,然后在用户登录后打开弹出窗口