jQuery implementiert den Fall der Schriftgrößenanpassung
|
In diesem Artikel wird der spezifische Code von jQuery zum Anpassen der Schriftgröße zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt
Code:
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<meta http-equiv="X-UA-kompatibel" content="IE=edge">
<meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
<title>Schriftart festlegen</title>
</Kopf>
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
<Skripttyp="text/javascript">
$(Funktion() {
$("span").klick(function() {
var cssFontSize = $("#para").css("font-size"); //Schriftgröße abrufen var fontSize = parseFloat(cssFontSize); //Wert der Schriftgröße abrufen var unit = cssFontSize.slice(-2); //Einheit der Schriftgröße abrufen var className = $(this).attr("class");
if ("zoomIn" == className) { //Schrift vergrößern if (fontSize <= 22) {
Schriftgröße += 2;
}
} else if ("zoomOut" == className) { //Schriftart verkleinern if (fontSize >= 12) {
Schriftgröße -= 2;
}
}
$("#para").css("Schriftgröße", Schriftgröße + Einheit);
});
});
</Skript>
<!-- CSS -->
<style type="text/css">
.zoomIn, .zoomOut {
Hintergrund: blau;
Cursor: Zeiger;
}
</Stil>
</Kopf>
<!-- HTML -->
<Text>
<div Klasse="Nachricht">
<div Klasse="msg_caption">
<span class="zoomIn">Vergrößern</span>
<span class="zoomOut">Verkleinern</span>
</div>
<div>
<p id="Absatz">
jQuery ist ein schnelles und kompaktes JavaScript-Framework. Es ist nach Prototype eine weitere hervorragende JavaScript-Codebibliothek (Framework) und wurde im Januar 2006 von John Resig veröffentlicht. <br />
Das Designprinzip von jQuery lautet „Weniger schreiben, mehr tun“, was dafür plädiert, weniger Code zu schreiben und mehr Dinge zu tun. <br />
Es kapselt häufig verwendete JavaScript-Funktionscodes und bietet einen einfachen JavaScript-Entwurfsmodus zur Optimierung von HTML-Dokumentvorgängen, Ereignisverarbeitung, Animationsdesign und Ajax-Interaktion. <br />
Die Kernfunktionen von jQuery können wie folgt zusammengefasst werden: einzigartige Kettensyntax und kurze, klare und multifunktionale Schnittstelle; effiziente und flexible CSS-Selektoren und die Möglichkeit, CSS-Selektoren zu erweitern; <br />
Es verfügt über einen praktischen Plug-In-Erweiterungsmechanismus und umfangreiche Plug-Ins. jQuery ist mit verschiedenen gängigen Browsern kompatibel, wie etwa IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ usw.</p>
</div>
</div>
</body>
</html>Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: Ausführliches Tutorial zur Installation von WinX64 unter MySQL8.0.18 (mit Bildern und Text)
>>: Implementierung von Nginx-Weiterleitungsübereinstimmungsregeln
Artikel empfehlen
CSS implementiert horizontal scrollende Navigationsleiste auf Mobilgeräten (gilt auch für PC-Geräte)
Funktion Herkunft Ich habe kürzlich an einem H5 g...
Allgemeine Probleme mit der Regelpriorität beim Nginx-Standort
Inhaltsverzeichnis 1. Standort / Matching 2. Stan...
Detaillierte Erklärung zur Verwendung des scp-Befehls zum Remote-Kopieren von Dateien unter Linux
Vorwort scp ist die Abkürzung für „Secure Copy“. ...
Das WeChat-Applet „Scroll-View“ implementiert eine Lösung zum doppelten Laden von Daten beim Hochziehen
In der Scroll-Ansicht des WeChat-Applets treten b...
So erstellen Sie ein CentOS-Basisimage
Vorwort Derzeit ist das von meiner Firma verwende...
Was bedeutet this.parentNode.parentNode (übergeordneter Knoten des übergeordneten Knotens)?
Der übergeordnete Knoten des übergeordneten Knoten...
Einführung in Linux und die am häufigsten verwendeten Befehle (leicht zu erlernen, kann aber mehr als 95 % der Probleme lösen)
Linux ist derzeit das am weitesten verbreitete Se...
Installation und Verwendung von Vue
Inhaltsverzeichnis 1. Vue-Installation Methode 1:...
Grafisches Tutorial zur Installation von CentOS7 auf VMware 15.5
1. Erstellen Sie eine neue virtuelle Maschine in ...
Beispiele für die Verwendung von pessimistischem und optimistischem Sperren in MySQL
Pessimistische Sperre Pessimistische Sperre, betr...
Schreiben Sie einen formellen Blog mit XHTML CSS
Der vollständige Name von Blog sollte Weblog sein,...
MYSQL Left Join-Optimierung (10 Sekunden bis 20 Millisekunden)
Inhaltsverzeichnis 【Funktionshintergrund】 [Rohes ...
Benutzerdefinierte Docker-Netzwerkimplementierung
Inhaltsverzeichnis 1. Passen Sie das Netzwerk an,...
So übertragen Sie Dateien zwischen Windows und Linux
Dateiübertragung zwischen Windows und Linux (1) V...
Remotedesktopverbindung zwischen Windows und Linux
Wenn es um eine Remotedesktopverbindung zu Linux ...