当前位置 : 主页 > 网络编程 > JavaScript >

微信小图消息数

来源:互联网 收集:自由互联 发布时间:2021-06-28
html css #wechat {display:inline-block;position:relative;}#pic {width:200px;height:200px;}#mesgNum {width:30px;height:30px;line-height:30px;font:16px;font-weight:bold;color:#fff;text-align:center;border-radius:50%;background-color:#f00;posi
html
 
    
  
    
  

 
css
#wechat {
	display:inline-block;
	position:relative;
}
#pic {
	width:200px;
	height:200px;
}
#mesgNum {
	width:30px;
	height:30px;
	line-height:30px;
	font:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	border-radius:50%;
	background-color:#f00;
	position:absolute;
	right:0px;
	top:-10px;
}
js
$(function() {
    $("#pic").click(function() {
        var strnum = $("#mesgNum").text();
        if (strnum == "") {
            $("#mesgNum").text('1');
        } else {
            var num = parseInt(strnum)
            num = num + 1;
            $("#mesgNum").text(num);
        }
    });
});
上一篇:粒子随机运动
下一篇:js实现抽奖效果
网友评论