HTML Quelltext: <a onclick="goMessage();" style="width: 60px;height: 100%;color: white;background: transparent;" href="#" class="easyui-linkbutton" data-options="iconCls:'fa fa-bell-o fa-2x',size:'large',iconAlign:'top'">Nachricht<span id="msgNum" class="ii">4</span></a> CSS Code: /*Eckmarkierung*/ .ii{ Anzeige: keine; Hintergrund: #f00; Randradius: 50 %; Breite: 20px; Höhe: 20px; oben: 5px; rechts: 0px; Position: absolut; Textausrichtung: zentriert; Farbe: #FFF; Z-Index: 99999; } js-Code: Funktion ajaxa(){ $.ajax({ Typ: „POST“, Datentyp: "json", asynchron: falsch, URL: "${pageContext.request.contextPath}/docinf/sendInform/lookForMsgNum.do", Daten: {}, Erfolg: Funktion (Daten) { wenn(Daten != null){ wenn(parseInt(Daten)>10){ $("#msgNum").anzeigen(); $("#msgNum").text(parseInt(Daten)); }sonst wenn(parseInt(data)> 0){ $("#msgNum").anzeigen(); $("#msgNum").text(parseInt(Daten)); }anders{ $("#msgNum").hide(); } } }, Fehler:Funktion(){ } }); } Ergebnis: Oben sehen Sie den Implementierungscode zum Hinzufügen eines Mengenindexes zur Nachrichtenschaltfläche in HTML, der vom Editor eingeführt wurde. Ich hoffe, er ist für alle hilfreich. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken! |
Projekthintergrund Seit kurzem gibt es ein Projek...
Experimentelle Umgebung: MySQL 5.7.22 Binäres Log...
1. Erstellen Sie einen neuen Benutzer wwweee000 [...
Anzeigen und Einstellen des SQL-Modus in MySQL My...
Ich habe kürzlich bei der Entwicklung eines Proje...
Kapitel 1 <br />Das wichtigste Prinzip, um ...
In diesem Artikelbeispiel wird der spezifische JS...
1. Übersicht über das Ansichtsfenster Mobile Brow...
MySQL ist eine leistungsstarke Open-Source-Datenb...
Dieser Artikel beschreibt die Mysql-Self-Join-Abf...
Rendern Wenn Sie den im Bild unten gezeigten Effe...
Schließung Dienst Nginx stoppen systemctl stoppt ...
<base target=_blank> ändert den Zielrahmen d...
Die Implementierung des Suchbinärbaums in JavaScr...
Inhaltsverzeichnis Linux-Umgebungsvariablen und P...