Heim >Web-Frontend >HTML-Tutorial >So fügen Sie der Nachrichtenschaltfläche in HTML einen Mengenindex hinzu

So fügen Sie der Nachrichtenschaltfläche in HTML einen Mengenindex hinzu

php中世界最好的语言
php中世界最好的语言Original
2018-01-18 09:18:213238Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie in HTML einen Mengenindex zur Nachrichtenschaltfläche hinzufügen. Was sind die Vorsichtsmaßnahmen für das Hinzufügen eines Mengenindex zur Nachrichtenschaltfläche in HTML? Werfen wir einen Blick darauf.

7c125e59c6b1e88e6c380d2ad1d47a00Message< ; span id="msgNum" class="ii">454bdf357c58b8a65c66d7c19c8e4d1145db79b134e9f6b82c0b36e0489ee08ed

CSS-Code:

/*角标 */
    .ii{
        display: none;
        background: #f00;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        top: 5px;
        right: 0px;
        position: absolute;
        text-align: center;
        color: #FFF;
        z-index: 99999;
    }

JS-Code:

function ajaxa(){
         $.ajax({
                type:"POST",
                dataType : "json",
                async: false,
                url : "${pageContext.request.contextPath}/docinf/sendInform/lookForMsgNum.do",
                data : {},
                success : function(data){
                    if(data !=null){
                        if(parseInt(data)>10){
                            $("#msgNum").show();
                            $("#msgNum").text(parseInt(data));
                        }else if(parseInt(data)> 0){
                            $("#msgNum").show();
                            $("#msgNum").text(parseInt(data));
                        }else{
                            $("#msgNum").hide();
                        }
                    }
                },
                error:function(){
                }
            });
    }

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So verwenden Sie das img-Tag von HTML-Bildern

Detaillierte Erläuterung der Metaspalte in der WEB-Schnittstelle von HTML5

So verwenden Sie die HTML-Formularübermittlung in HTML

Das obige ist der detaillierte Inhalt vonSo fügen Sie der Nachrichtenschaltfläche in HTML einen Mengenindex hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn