php图片添加角标,分享一段html在消息按钮上增加数量角标的实现代码
這篇文章主要介紹了html在消息按鈕上增加數(shù)量角標(biāo)的實(shí)現(xiàn)代碼,需要的朋友可以參考下
html代碼：
消息4
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)效果：
總結(jié)
以上是生活随笔為你收集整理的php图片添加角标,分享一段html在消息按钮上增加数量角标的实现代码的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 装甲少女稀有坦克在哪里打捞稀有坦克打捞地
- 下一篇： php文件名函数,php 获取文件名ba