Jquery ボタンをクリックすると、実装原則と code_jquery が自動的に強調表示されます。

実際、原理は非常に簡単です。クリックすると、要素にカスタム属性が追加され、数秒後に自動的に背景に適合するスタイルが削除されます。元の状態に戻す

まず独自の js でメソッド hoverEl を拡張します

コードをコピーします コードは次のとおりです

$ .extend($.fn, {
hoverEl:function(){

var _this = $(this);
var _t = setTimeout (function(){
_this.attr( "hover", "on");
}, 10);

setTimeout (function(){
clearTimeout( _this.attr("hoverTimeout") );
var _t = setTimeout(function(){
_this.removeAttr("hover");
}, 100 );
_this.attr("hoverTimeout" , _t);

}
}); 次にスタイルを定義します。 、特定の属性が追加されるとき

コードをコピー

コードは次のとおりです: li[ hover=on]{ background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#194FDB), to(#4286F5))! important; background-image : -webkit-linear-gradient(top, #4286F5, #194FDB )!重要;

色: 白!重要;

カーソル:
}


呼び出し例:

コードをコピー

コードは次のとおりです: $(e.target) .hoverEl();