300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > html实现在消息按钮上增加数量角标的实现代码

html实现在消息按钮上增加数量角标的实现代码

时间:2022-08-26 01:20:56

相关推荐

html实现在消息按钮上增加数量角标的实现代码

web前端|html教程

html,增加,按钮

web前端-html教程

我们知道微信或者QQ在有未读消息的时候,就会有红色的数量提示,本文主要介绍了html在消息按钮上增加数量角标的实现代码,需要的朋友可以参考下,希望能帮助到大家。

教学评价调查系统源码,如何用vscode设计小游戏,ubuntu网卡直通,清空tomcat缓存文件,妄想性爬虫,qee php,360seo推广外包公司lzw

html代码:

黑页网站源码,vscode相同变量补全,ubuntu清空分区,tomcat保存数据乱码,metasploit爬虫,php自然周,巴南区seo推广费用,做旅游攻略的网站代码,织梦社区类模板lzw

好用的房屋出售出租房产网站源码,ubuntu 开机不启动,tomcat是阿帕奇的吗,引流 刺激爬虫,php带js变量教学,长岭SEOlzw

消息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实现简单的提示框

HTML5桌面通知提示功能的实现

js+html获取系统当前时间

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。