jQuery单击按钮自动突出了原理和代码。

事实上，这个原则很简单。当我们点击，我们添加一个自定义属性的元素。之后，将有一个匹配的模式自动匹配的背景。几秒钟后，样式恢复了。

第一，扩大自己的JS方法，hoverel
复制代码代码如下所示：
扩展（$
HoverEl：函数（）{

_this = $（this）功；
无功_t = setTimeout（）函数（）{
_this.attr（悬停
}，10）；
_this.attr（hovertimeout

setTimeout（）{（）函数（
ClearTimeout（_this.attr（hovertimeout ））；
无功_t = setTimeout（）函数（）{
_this.removeattr（悬停）；
}，100）；
_this.attr（hovertimeout
}，200）；

}
}）；

其次，风格的定义，当一个特定的属性添加
复制代码代码如下所示：
李{悬停= }
背景图像：-webkit-gradient（线性的，0%，100%，0%，0%，从（# 194fdb），以（# 4286f5））！重要；
背景图像：WebKit的线性梯度（顶部，# 4286f5，# 194fdb）！重要；
颜色：白色！重要；
光标：指针！重要；
}

举例子：
复制代码代码如下所示：
$（e.target）HoverEl（）；