久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

html在消息按鈕上增加數(shù)量角標(biāo)的實(shí)現(xiàn)代碼

這篇文章主要介紹了html在消息按鈕上增加數(shù)量角標(biāo)的實(shí)現(xiàn)代碼,需要的朋友可以參考下

html代碼:

<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'">消息<span id="msgNum" class="ii">4</span></a>

css代碼:

/*角標(biāo) */
    .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代碼:

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(){
                }
            });
    }

實(shí)現(xiàn)效果:

這里寫圖片描述

以上所述是小編給大家介紹的html在消息按鈕上增加數(shù)量角標(biāo)的實(shí)現(xiàn)代碼,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)網(wǎng)站的支持!

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外,其他素材未做測(cè)試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁(yè)面跳轉(zhuǎn)及參數(shù)傳遞問(wèn)題,需要的朋友參考下吧
本文給大家分享一段代碼關(guān)于雙11搶券,寫一個(gè)自動(dòng)打開(kāi)頁(yè)面的html,僅僅是設(shè)定時(shí)間打開(kāi)搶券的頁(yè)面,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧
本文通過(guò)實(shí)例代碼給大家介紹了HTML 表單組件的知識(shí),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧
最近公司安排我做一個(gè)ccfa的小東東,其中有一項(xiàng)需求就是做一個(gè)網(wǎng)頁(yè)播放攝像頭的實(shí)時(shí)監(jiān)控功能,對(duì)于我這個(gè)小菜鳥來(lái)說(shuō)真是難到了,下面小編給大家?guī)?lái)了HTML實(shí)現(xiàn)海康攝像頭實(shí)時(shí)監(jiān)控
html頁(yè)面的查找功能主要是實(shí)現(xiàn)在查找框內(nèi)輸入字符,下面通過(guò)本文給大家分享html頁(yè)面的查找功能,需要的朋友參考下吧
這篇文章主要介紹了HTML頁(yè)面自動(dòng)清理js、css文件的緩存(自動(dòng)添加版本號(hào)),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
主站蜘蛛池模板: 国产一区二区精品在线 | 九九综合 | 日日日干干干 | 在线看91 | 久久久久久久久99精品 | 亚洲精品日韩精品 | 在线午夜 | 久久亚洲高清 | 一区二区三区四区视频 | 久久免费观看一级毛片 | 99久久精品国产麻豆演员表 | 99re99| 国产成人jvid在线播放 | 欧洲亚洲精品久久久久 | 亚洲精品久久久久久久不卡四虎 | 国产乱码精品一区二区三区忘忧草 | 日韩欧美专区 | 台湾av在线| 99re在线视频免费观看 | 国产精品亚洲成在人线 | 久久99成人 | 在线日韩中文字幕 | 欧美激情一区二区三级高清视频 | 欧美特级黄色 | 久久a久久| caoporn地址 | 亚洲免费三区 | 久久综合伊人一区二区三 | 中文字幕在线看第二 | 欧美日韩电影一区二区 | 欧美日在线 | 欧美一区二区三区四区视频 | 日韩精品一区二区三区中文在线 | 日韩免费激情视频 | 国产欧美精品一区二区三区 | 精品国产一区二区国模嫣然 | 日本一区二区高清视频 | 欧美视频 亚洲视频 | 国产精品嫩草影院精东 | 国产精品大片 | 中文字幕1区 |