In diesem Artikel wird beschrieben, wie die Funktionengröße und Schriftgröße von JS implementiert werden. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Großer, mittlerer und kleiner Text ist eine Funktion, die viele Websites für Benutzer zu lesen haben können. Die in diesem Beispiel eingeführte große, mittlere und kleine Text -Schriftgröße kann geöffnet werden, nachdem der Benutzer sie ausgewählt hat. Solange ein weiterer Artikel auf derselben Website eröffnet wird, wird die Schriftgröße gemäß den Gewohnheiten des Benutzers angezeigt.
Sie müssen drei Schaltflächen unter dem Titel von Artikeln auf einigen großen Websites "Big", "Medium" und "Small" gesehen haben, um sich um die Lesegewohnheiten verschiedener Menschen zu kümmern. Hier werde ich diese Methode vorstellen und sie unterstützt automatisch als ihre. Wählen Sie einfach einmal aus und passen Sie es automatisch an Ihre bevorzugte Schriftgröße an, wenn Sie sie das nächste Mal lesen.
JS -Code -Teil:
Fügen Sie zuerst das JS unten in die JS -Datei oder das Skript -Tag ein:
Kopieren Sie den Code wie folgt: jQuery.cookie = Funktion (Name, Wert, Optionen) {
if (typeof value! = 'undefined') {
Optionen = Optionen || {};
if (value === null) {
Wert = '';
options.expires = -1;
}
var abläuft = '';
if (options.expires && (typeof options.expires == 'Nummer' || options.expires.toutcstring)) {
var Datum;
if (typeof options.expires == 'nummer') {
Datum = neues Datum ();
Datum.Settime (Datum.getTime () + (options.expires * 24 * 60 * 60 * 1000));
} anders {
Datum = options.expires;
}
abläuft = '; expires = ' + date.toutcstring ();
}
var path = options.Path? '; path = ' + options.Path:' ';
var domain = options.domain? '; Domain = ' + options.domain:' ';
var Secure = options.secure? '; sicher' : '';
document.cookie = [name, '=', Encodeuricomponent (Wert), Ablauf, Pfad, Domäne, sicher] .Join ('');
} anders {
var cookievalue = null;
if (document.cookie && document.cookie! = '') {
var cookies = document.cookie.split (';');
für (var i = 0; i <cookies.length; i ++) {
var Cookie = jQuery.trim (Cookies [i]);
if (cookie.substring (0, name.length + 1) == (name + '=')) {
cookievalue = decodeuricomponent (Cookie.substring (Name.Length + 1));
brechen;
}
}
}
kehren Sie Cookievalue zurück;
}
};
Funktion setfont (Größe) {
$ .cookie ('font_size', Größe, {ablehnt: 99999999});
$ (". Kontext"). CSS ("Schriftgröße", Größe); //. Kontextänderung in den Container für Ihren Artikelinhalt
};
$ (Dokument) .Ready (function () {
Setfont ($ .cookie ('font_size') + 'px');
});
Achten Sie darauf, den Code -.Context in Ihren Artikel -Inhaltscontainer zu ändern.
Abschnitt HTML -Code:
Rufen Sie dann den folgenden Code bei Bedarf an:
Kopieren Sie den Code wie folgt: <a href = "javaScript: setfont (16)"> groß </a>
<a href = "javaScript: setfont (14)"> in </a>
<a href = "javaScript: setfont (12)"> klein </a>
Sie können die Schriftgröße und den Text in der Funktion setfont () anpassen.
Ich hoffe, dass die Beschreibung in diesem Artikel basierend auf JavaScript für die Webprogrammierung aller hilfreich ist.