如何检测非活动选项卡并用颜色填充它

如果标签处于非活动状态,如何用彩色填充我的网站? 如果用户移动到另一个窗口,我想给我的网站提供类似屏幕效果的效果。 我可以用jQuery做到这一点吗?

这里有一些基本代码可以帮助您:

 

使用jquery你可能会稍微清理一下,但这应该给一个简单的基础来构建。

基本上,我们每隔2秒就会调用“启动屏幕保护程序”,但是如果你移动鼠标它会取消定时器并重新启动它。 注意:setTimeout使用毫秒,因此1000 = 1秒。

使用window.onfocus()和window.onblur()方法 – 请参阅http://www.thefutureoftheweb.com/demo/2007-05-16-detect-browser-window-focus/进行演示