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! |
In diesem Artikelbeispiel wird der spezifische Co...
Dieser Artikel beschreibt die MySQL-Integritätsbe...
Einführung MySQL 5.7 soll der sicherste MySQL-Ser...
Ausführen des Skripts im Debugmodus Sie können da...
Ein Zustandsübergangsdiagramm eines Docker-Contai...
Inhaltsverzeichnis Kurze Umfrage Langfristige Abf...
In den letzten Tagen habe ich gelernt, wie man Sp...
Dies scheint mit der neuen Version nicht mehr mög...
Stellen Sie Tomcat so ein, dass der Dienst automa...
Inhaltsverzeichnis js aufrufende Methode Android ...
Inhaltsverzeichnis Überblick 1. Trennung von Fron...
1. Einleitung Elasticsearch erfreut sich derzeit ...
Notieren Sie die Probleme, die Sie für andere lös...
Die Zeit vergeht wie im Flug und in nur sechs Tag...
Inhaltsverzeichnis 1. Seitenlayout 2. Bild-Upload...