html右上角提醒代码,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右上角提醒代码,html在消息按钮上增加数量角标的实现代码相关推荐

php图片添加角标,分享一段html在消息按钮上增加数量角标的实现代码
这篇文章主要介绍了html在消息按钮上增加数量角标的实现代码,需要的朋友可以参考下 html代码: 消息4 css代码: /*角标 */ .ii{ display: none; background: ...
html5 div 加角标,html在消息按钮上增加数量角标的实现代码
html代码: 消息4 css代码: /*角标 */ .ii{ display: none; background: #f00; border-radius: 50%; width: 20px; he ...
html 显示消息数量,html实现消息按钮上的数量角标的实例详解
这篇文章主要介绍了html在消息按钮上增加数量角标的实现代码,需要的朋友可以参考下 html代码: 消息4 css代码:/*角标 */ .ii{ display: none; background: ...
获取输出最大角标 php,html实现消息按钮上的数量角标的实例详解
这篇文章主要介绍了html在消息按钮上增加数量角标的实现代码,需要的朋友可以参考下 html代码: 消息4 css代码:/*角标 */ .ii{ display: none; background: ...
优酷复制的html代码怎么用,关于网页上增加视频功能的代码
在开发网站上时候,不知道怎么在自己的网站上增加视频播放功能.后来找了许多资料,不管怎么说,还是在自己的网站上挂上了视频页面及播放窗口,尽管很小白,记录下来,以成长精进之用. 1直接利用优酷代码先复制 ...
python比心代码_细思恐极，插上U盘就开始执行Python代码的程序
源 / 知乎文 / DeepWeaver 昨天在上厕所的时候突发奇想,当你把usb插进去的时候,能不能自动执行usb上的程序.查了一下,发现只有windows上可以,具体的大家也可以搜索(搜索 ...
下载了python在哪里写代码-通过python下载FTP上的文件夹的实现代码
# -*- encoding: utf8 -*- import os import sys import ftplib class FTPSync(object): def __init__(self ...
doo14 视图和js的按钮上面的交互
doo14 视图和js的按钮上面的交互自定义按钮上面的属性应用操作 js代码块 odoo.define({var FormController = require('web.FormControll ...
关于烂代码的那些事（上中下)
1. 摘要最近写了不少代码,review了不少代码,也做了不少重构,总之是对着烂代码工作了几周.为了抒发一下这几周里好几次到达崩溃边缘的情绪,我决定写一篇文章谈一谈烂代码的那些事.这里是上篇,谈一谈 ...

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

html右上角提醒代码,html在消息按钮上增加数量角标的实现代码相关推荐

最新文章

热门文章