Maison > interface Web > js tutoriel > le corps du texte

Comment changer la taille de la police avec jQuery_jquery

WBOY
Libérer: 2016-05-16 16:10:28
original
1272 Les gens l'ont consulté

L'exemple de cet article décrit comment jQuery implémente le changement de taille de police. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :
$.fn.switchSize = function(settings) {
// paramètres par défaut
paramètres = $.extend({
conteneur : 'corps',
arrSizeClass : ['petit', 'moyen', 'grand'],
​ defaultClass : 'medium',
SaveCookie : vrai
}, paramètres);
var $container = $(settings.container);
rends ça
.each(function() {
Si ($.cookie('switchSize')) {
          $container.addClass($.cookie('switchSize'));
          $(this).data("current", $.cookie('switchSize'))
>
})
.bind("clic", function() {
var pos;
Si ($(this).data("current")) {
pos = jQuery.inArray($(this).data("current"), settings.arrSizeClass);
         } autre {
          pos = jQuery.inArray(settings.defaultClass, settings.arrSizeClass);
>
If (pos >= 0) { //Classe trouvée
If (pos == settings.arrSizeClass.length - 1) { //Vérifier si dernier
                $(this).data("current", settings.arrSizeClass[0]);
         } autre {
               $(this).data("current", settings.arrSizeClass[pos 1]);
>
         } autre {
//Pour éviter les erreurs
​​​​ $(this).data("current", settings.arrSizeClass[0]);
>

          $container.removeClass(settings.arrSizeClass[pos]).addClass($(this).data("current"));

Si (settings.saveCookie === true) {
           $.cookie('switchSize', $(this).data("current"), { expire : 365, chemin : '/' });
>
});
};

J'espère que cet article sera utile à la programmation jQuery de chacun.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!