Plug-in de boîte d'invite de message jQuery Tipso_jquery
May 16, 2016 pm 04:00 PMAujourd'hui, nous utilisons le plug-in Tipso pour démontrer huit effets d'invite différents et en apprendre davantage sur l'API Tipso.
<div class="dowebok"> <h2>1、默认</h2> <div class="inner"> <span id="tip1" data-tipso="dowebok.com">Tipso</span> </div> </div>
Démo 1 : Effet par défaut
$('#tip1').tipso({ useTitle: false });
Démo 2 : Affichage à gauche
$('#tip2').tipso({ useTitle: false, position: 'left' });
Démo 3 : Couleur de fond
$('#tip3').tipso({ useTitle: false, background: 'tomato' });
Démo 4 : Utilisation de l'attribut title
$('#tip4').tipso();
Démo 5 : Cliquez pour afficher/masquer
$('#tip5').tipso({ useTitle: false }); $('#btn5').on({ click: function(e) { if ($(this).text() == '显示') { $(this).text('隐藏'); $('#tip5').tipso('show'); } else { $(this).text('显示'); $('#tip5').tipso('hide'); } e.preventDefault(); } });
Démo 6 : Contenu mis à jour
$('#tip6').tipso({ useTitle: false }); $('#btn6').on('click', function() { var $val = $(this).prev().val(); if ($val) { $('#tip6').tipso('update', 'content', $val); } });
Démo 7 : Utiliser
sur les photos
$('#tip7').tipso({ useTitle: false });
Démo 8 : Fonction de rappel
$('#tip8').tipso({ useTitle: false, onBeforeShow: function() { $('#status').html('beforeShow'); }, onShow: function() { $('#status').html('show'); }, onHide: function() { $('#status').html('hide'); } });
Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Explication détaillée des méthodes de référence jQuery : guide de démarrage rapide

Comment utiliser la méthode de requête PUT dans jQuery ?

Comment supprimer l'attribut height d'un élément avec jQuery ?

Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page

Utilisez jQuery pour modifier le contenu textuel de toutes les balises

Analyse approfondie : les avantages et les inconvénients de jQuery

Comprendre le rôle et les scénarios d'application de eq dans jQuery

Comment savoir si un élément jQuery possède un attribut spécifique ?
