Écrire une simple invite jQuery plugin_jquery

Code très simple, plus de bêtises.

Code :

Copier le code Le code est le suivant :

/**
*13 novembre 2014
* Plug-in rapide
*/

(fonction ($) {
$.fn.tips = fonction (texte) {
        var divtipsstyle = "position : absolue ; gauche : 0 ; haut : 0 ; couleur d'arrière-plan : #dceaf2 ; remplissage : 3 px ; bordure : solide 1 px #6dbde4 ; visibilité : cachée ; hauteur de ligne : 20 px ; " ;
            $("body").append("

" text "

");

var divtips = $(".div-tips");
divtips.css("visibilité", "visible");

var top = this.offset().top - divtips.height() - 8;
      var left = this.offset().left;
divtips.css("top", haut);
        divtips.css("gauche", gauche);

$(document).mousemove(function (e) {
            var top = e.clientY $(window).scrollTop() - divtips.height() - 12;
            var left = e.clientX;
            divtips.css("top", top);
            divtips.css("gauche", gauche);
        });
};

$.fn.removetips = fonction (texte) {
          $(".div-tips").remove();
};
})($);

Rendu (passez la souris sur le produit, une boîte carrée de détails du produit s'affichera ci-dessous) :

C'est très pratique les amis, n'hésitez pas à l'utiliser et à le combiner dans vos propres projets