这篇文章主要介绍了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(){

}

});

}

实现效果:

【相关推荐】

获取输出最大角标 php,html实现消息按钮上的数量角标的实例详解相关推荐

  1. php图片添加角标,分享一段html在消息按钮上增加数量角标的实现代码

    这篇文章主要介绍了html在消息按钮上增加数量角标的实现代码,需要的朋友可以参考下 html代码: 消息4 css代码: /*角标 */ .ii{ display: none; background: ...

  2. html5 div 加角标,html在消息按钮上增加数量角标的实现代码

    html代码: 消息4 css代码: /*角标 */ .ii{ display: none; background: #f00; border-radius: 50%; width: 20px; he ...

  3. python基础语法手册format-python的格式化输出(format,%)实例详解

    皇城PK Python中格式化字符串目前有两种阵营:%和format,我们应该选择哪种呢? 自从Python2.6引入了format这个格式化字符串的方法之后,我认为%还是format这根本就不算个问 ...

  4. php get 返回源码,php源码 fsockopen获取网页内容实例详解

    PHP fsockopen函数说明: Open Internet or Unix domain socket connection(打开套接字链接) Initiates a socket connec ...

  5. php 获取手机特征码,【新人学习】按键精灵获取数字特征码实例详解

    按键精灵获取数字特征码实例详解 运行环境:分辨率:1440x900 色深:32位 操作系统:Windows XP 按键精灵版本:7.00.3730 @兄弟工程师01未评2009/3/19//做这东西主 ...

  6. C 语言中获取系统时间的函数,C/C++如何获取当前系统时间的实例详解

    C/C++如何获取当前系统时间的实例详解 C库中与系统时间相关的函数定义在头文件中, C++定义在头文件中. 一.time(time_t*)函数 函数定义如下: time_t time (time_t ...

  7. java 获取用户的MAC地址多种方法实例详解

    java 获取用户的MAC地址多种方法实例详解 这篇文章主要介绍了JAVA实现获取用户的MAC地址的多种方法实例,需要的朋友可以参考下 java实现获取用户的MAC地址方法: 方法一:将本机地址与局域 ...

  8. GMM-HMM声学模型实例详解(标贝科技)

    欢迎测试标贝科技AI开放平台 https://ai.data-baker.com/#/?source=qwer12 GMM-HMM声学模型实例详解 GMM-HMM为经典的声学模型,基于深度神经网络的语 ...

  9. java 天气爬虫_java网页爬虫简单实例详解——获取天气预报。

    [本文介绍] 爬取别人网页上的内容,听上似乎很有趣的样子,只要几步,就可以获取到力所不能及的东西,例如呢?例如天气预报,总不能自己拿着仪器去测吧!当然,要获取天气预报还是用webService好.这里 ...

最新文章

  1. 动态规划算法解最长公共子序列LCS问题
  2. “斐波那契数列”的两种算法
  3. 【实验】不会端口映射?看完就会了
  4. Android 应用内直接跳转酷市场
  5. X264 输出的统计值的含义(X264 Stats Output)
  6. 放弃微博,继续回来写月经
  7. Python中面向对象初识到进阶
  8. 自动驾驶的Pipline -- 如何打造自动驾驶的数据闭环?(中)
  9. srs流媒体服务器拉流的流程
  10. H5游戏忆童年—承载梦想的纸飞机回来了吗?
  11. 改进YOLOv7系列:23.YOLOv7添加CBAM注意力机制
  12. Nginx+Tomcat实现动静分离
  13. matlab 警告:警告: 更新 Legend 时出错。Not enough input arguments.
  14. Anchor Free系列模型11
  15. 升级到Abp 7.0后脚本问题的临时解决方案
  16. python人脸识别算法_python人脸算法
  17. 一维卷积的意义和二维卷积(图像处理)的简单理解
  18. R实战:【股票分析】用quantmod在股票的K线上添加标记
  19. Stata:时间序列中的格兰杰因果检验
  20. 华兴数控g71外圆循环编程_数控G71内外圆粗车循环指令教案

热门文章

  1. 数字化浪潮下 企业如何让问题“尽在掌握”?
  2. PHP中global与$GLOBALS的区别
  3. linux操作系统-SSH原理介绍与免密运用与远程命令操作
  4. window 平台上面解决不能动态php_mysqli.dll
  5. ListView高度
  6. 使用WindowsXP中的网桥功能
  7. Silverlight/Windows8/WPF/WP7/HTML5周学习导读(9月17日-9月23日)
  8. GTD时间管理系统入门
  9. 用WAP手机远程遥控电脑1
  10. 计算机技术中的常见概念