Jquery cliquez sur le bouton pour mettre automatiquement en évidence le principe de mise en œuvre et code_jquery

En fait, le principe est très simple. Lorsque nous cliquons, nous ajoutons une attr personnalisée à l'élément. Après l'avoir ajouté, il y aura un style correspondant qui s'adaptera automatiquement à l'arrière-plan. Après quelques secondes, supprimerons le style et le restaurerons. à son état d'origine

Étendez d'abord une méthode hoverEl dans votre propre js

Copiez le code Le code est tel suit :

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

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

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

}
}); , lorsqu'une attr spécifique est ajoutée

Copier le code Le code est le suivant : 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 )!important;
couleur : blanc!important
curseur : pointeur!important;


Exemple d'appel :

Copier le code

Le code est le suivant : $(e.target) .hoverEl();