1

我制作了一个有 2 个输入字段、一个下一步按钮和一个提交按钮的游戏。该游戏面向年轻观众（6-8 岁），我认为直观地解释如何使用游戏中的所有不同功能会很有帮助。是否有一种简单的方法可以在窗口打开时立即弹出图像，但仅适用于初次使用的用户？

4

2 回答 2

0

我找到了一种有趣的方法来做与我想要的类似的事情。您必须单击一个链接，但它可能只是说“说明”。

http://designm.ag/previews/jquery-dialog-box/

于 2013-04-23T23:57:41.613 回答
0

这是 cookie 的一个很好的用例。您网站的逻辑是这样的：

  • 当您的页面加载时，检查您的 cookie 是否存在
  • 如果 cookie 存在，请不要显示说明
  • 如果 cookie 不存在，请显示说明并创建 cookie

以下是可以适应您的页面的示例：http: //www.w3schools.com/js/js_cookies.asp

使用以下函数创建和读取 cookie：

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

在你的 body 标签中包含一个 onload 函数：

<body onload="checkCookie()">

使用此功能检查 cookie 是否存在并选择是否显示说明：

function checkCookie()
{
var return_visitor=getCookie("return_visitor");
if (return_visitor!=null && return_visitor!="")
  {
  // Don't show the instructions
  }
else 
  {
    alert("Instructions: This is how you play!");
    setCookie("return_visitor",1,365);
  }
}
于 2013-02-11T02:10:06.547 回答