html怎样在消息按钮上增加数量角标

来源：动视网责编：小采时间：2020-11-27 15:27:11

html怎样在消息按钮上增加数量角标

html怎样在消息按钮上增加数量角标:这次给大家带来html怎样在消息按钮上增加数量角标，html在消息按钮上增加数量角标的注意事项有哪些，下面就是实战案例，一起来看一下。<a onclick="goMessage();" style="width: 60px;height: 100%;color:

推荐度：

点击下载本文 文档为doc格式

导读html怎样在消息按钮上增加数量角标:这次给大家带来html怎样在消息按钮上增加数量角标，html在消息按钮上增加数量角标的注意事项有哪些，下面就是实战案例，一起来看一下。<a onclick="goMessage();" style="width: 60px;height: 100%;color:

这次给大家带来html怎样在消息按钮上增加数量角标，html在消息按钮上增加数量角标的注意事项有哪些，下面就是实战案例，一起来看一下。

css代码：

/*角标 */
 .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(){
 }
 });
 }

相信看了这些案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

html怎样在消息按钮上增加数量角标

推荐度：

点击下载本文 文档为doc格式

标签： html button html在消息按钮上增加数量角标

热门焦点

html怎样在消息按钮上增加数量角标

html怎样在消息按钮上增加数量角标

html怎样在消息按钮上增加数量角标

最新推荐

猜你喜欢

热门推荐