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
Verwenden einer Falle zum Durchführen einer Umgebungsbereinigung vor dem ordnungsgemäßen Herunterfahren des Docker-Containers
Wie können wir beim Beenden eines laufenden Conta...
Schritte zur Installation von Pyenv unter Deepin
Vorwort In der Vergangenheit habe ich die Python-...
Nginx-Konfiguration domänenübergreifende Anforderung Access-Control-Allow-Origin * detaillierte Erklärung
Vorwort Wenn ein 403-Cross-Origin-Fehler auftritt...
Zusammenfassung der wichtigsten Wissenspunkte zur MySQL-Abfrageoptimierung
Vorwort Abfrageoptimierung ist nichts, was über N...
Beispiel für die reguläre Umschreibmethode für Nginx Rewrite (Matching)
Die Rewrite-Funktion von Nginx unterstützt regelm...
So verwenden Sie Cursor-Trigger in MySQL
Cursor Die von der Auswahlabfrage zurückgegebenen...
So ändern Sie das Root-Passwort von Mysql5.7.10 auf dem MAC
Starten Sie MySQL zunächst im Skip-Grant-Tables-M...
Prozessdiagramm für die Sitzungsfreigabe bei Tomcat Nginx Redis
1. Vorbereitung Middleware: Tomcat, Redis, Nginx ...
Wie MySQL Milliarden von Datenverkehr unterstützt
Inhaltsverzeichnis 1 Master-Slave-Lese-/Schreibtr...
Ein Beispiel zum Schreiben eines großen Sonnenwettersymbols in reinem CSS
Wirkung Das Wirkungsdiagramm sieht wie folgt aus ...
Miniprogramm zur Implementierung des kompletten Einkaufswagens
Das Miniprogramm implementiert einen vollständige...
MySQL-Join-Abfrage (Left Join, Right Join, Inner Join)
1. Allgemeine Verbindungen für MySQL INNER JOIN (...
Implementierungsschritte für die Docker-Bereitstellung von Springboot- und Vue-Projekten
Inhaltsverzeichnis A. Docker-Bereitstellung des S...
Zusammenfassung häufig verwendeter Befehle für Linux-Dateioperationen
0. Neuer Betrieb: mkdir abc #Erstelle einen neuen...
Anwendungsbeispiele für React Hooks
Inhaltsverzeichnis Ein einfaches Komponentenbeisp...