久久久久久久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久久国产综合久久 | 日韩羞羞 | 91精品国产色综合久久不卡98 | 国产成人精品a视频 | 欧美午夜精品久久久久免费视 | 一级国产精品一级国产精品片 | 欧美精品国产一区二区 | 日韩中文电影 | 一本大道久久a久久精二百 欧洲一区二区三区 | 欧美视频成人 | 黄色成人国产 | 日韩一级黄色片 | 天天弄 | 中文字幕三区 | 一区二区三区四区av | 视频一区 国产精品 | 欧美成人猛片aaaaaaa | 国产精品日韩一区二区 | 亚洲精品一二三区 | 夜夜摸夜夜操 | 韩国精品在线观看 | 国产精品美女久久久 | 国产精品99久久久久久www | 国产一区二区三区不卡av | 一区二区三区回区在观看免费视频 | 青青草国产在线观看 |