HTML code: <a onclick="goMessage();" style="width: 60px;height: 100%;color: white;background: transparent;" href="#" class="easyui-linkbutton" data-options="iconCls:'fa fa-bell-o fa-2x',size:'large',iconAlign:'top'">Message<span id="msgNum" class="ii">4</span></a> CSS code: /*Corner mark*/ .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 code: 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(){ } }); } Result: The above is the implementation code for adding quantity subscript to the message button in html introduced by the editor. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website! |
<<: A detailed introduction to setting up Jenkins on Tencent Cloud Server
>>: Example code for using CSS to darken the font color of the selected area when scrolling
This article shares the specific code of jQuery t...
1. Take nginx as an example Nginx installed using...
New features in MySQL 8.0 include: Full out-of-th...
//MySQL statement SELECT * FROM `MyTable` WHERE `...
<meta name="viewport" content="w...
Mysql multiple unrelated tables query data and pa...
Gird layout has some similarities with Flex layou...
This article shares the specific code of Vue to a...
Preface My needs are syntax highlighting, functio...
Table of contents 1. Original value and reference...
Table of contents 1. Basic usage and logic 2. Fea...
1. Background We do some internal training from t...
You can easily input Chinese and get Chinese outp...
In the previous article, I introduced how to solv...
How to uninstall MySQL database under Linux? The ...