您现在的位置是：网站首页> 编程资料编程资料

html在消息按钮上增加数量角标的实现代码纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果

2023-10-09 295人已围观

简介这篇文章主要介绍了html在消息按钮上增加数量角标的实现代码,需要的朋友可以参考下

html代码：

消息4

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

实现效果：

这里写图片描述

以上所述是小编给大家介绍的html在消息按钮上增加数量角标的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

上一篇：浅谈HTML的doctype和编码html5 canvas实现的流星雨星星动画背景特效源码浅谈script在html中的摆放位置HTML+CSS项目开发经验总结(推荐)前端之HTML知识点整理汇总(推荐)浅谈HTML中的标记html5实现的创意扭曲针时钟特效源码HTML5 Canvas逼真黑板写字特效源码HTML 文本格式化的简单实例(详解)

您现在的位置是：网站首页> 编程资料编程资料

相关内容

点击排行

本栏推荐

猜你喜欢