<onclick = gomessage(); style = width:60px;高さ:100%;色:白、背景:透明; 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代码:
/ *角标 */ .ii {display:none;背景:#f00;ボーダーラジウス:50%;幅:20px;高さ:20px;トップ:5px;右:0px;位置:絶対;テキストアライグ:センター;色:#fff; Z-Index:99999; }JS代码:
function ajaxa(){$ .ajax({type:post、dataType:json、async:false、url:$ {pagecontext.contextpath} /docinf/sendinform/lookformsgnum.do、data:{}、success:function( data){data!= null){parseint(data)> 10){#msgnum).show(#msgnum).text(parseint(data)); (data)> 0){#msgnum).show();関数(){ } }); }实现效果:
以上所述是小编给大家介绍的html在消息按钮上增加数量角标的实现代码、希望对大家有所帮助、如果大家有任何疑问请给我留言、小编会及时回复大家的。在此也非常感谢大家对vevb武林网网站的支持!