涨知识，原来可以这样用CSS来追踪用户

}

40% {

}

60% {

}

80% {

}

100% {

}

然后，我们应用定义的关键帧创建动画，我们可以定义动画持续的时光，这也是我们测量的最大年夜时光

点击这里(http://crookedss.bplaced.net/) 你可以查看该仓库的一个 demo。index.html 实践了的上述的办法，拜访 results.php 可以查看结不雅

#duration:hover::after { 
 
  -moz-animation: pulsate 5s infinite; 
 
  -webkit-animation: pulsate 5s infinite; 
 
  /*animation: pulsate 5s infinite;*/ 
 
  animation-name: pulsate; 
 
  animation-duration: 10s; 
 
  content: url('track.php?duration=-1'); 
 
}

我们可以经由过程弥补关键帧的设置，来竽暌古化分辨率的监测

输入监测

监测用户选中了某个复选框，我们可以应用 CSS 供给的 :selected 选择器

#checkbox:checked { 
 
  content: url('track.php?action=checkbox'); 
 
}

为了监测字符串，我们结合了 HTML pattern 属性，它可以赞助我们解决一些根本的输入验证，再结合 :valid 选择器，浏览器当输入匹配成功时会去请求我们的追踪站点

Demo

<input type="text" id="text_input" pattern="^test$" required=""/> 
 
#text_input:valid { 
 
  background: green; 
 
  background-image: url('track.php?action=text_input'); 
 
}

如不雅属性后面没有任何 content 或有 php 警告出现，这就意味着这个属性的值为 false 或用户还没拜访页面或链接（这个，确切很烦，但你可以知道这些办法的道理）

2/3 首页上一页 1 2 3 下一页尾页

年前最后一场技巧盛宴 | 1月27日与京东、日记易技巧大年夜咖畅聊智能化运维成长趋势！如不雅你读过那篇《Ubuntu 十个令人惊奇的事实》，你可能知道 Google 应用了一个名为 Goobuntu 的 Linux 发行版作为>>>详细阅读

本文标题：涨知识，原来可以这样用CSS来追踪用户

地址：http://www.17bianji.com/lsqh/40440.html

1/2 1