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获取系统当前时间