html怎样在消息按钮上增加数量角标

PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者php中世界最好的语言，侵删。

这次给大家带来html怎样在消息按钮上增加数量角标，html在消息按钮上增加数量角标的注意事项有哪些，下面就是实战案例，一起来看一下。

<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'">消息<span id="msgNum" class="ii">4</span></a>

css代码：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

/*角标 */

    .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代码：

阅读剩余部分

相关阅读 >>

Html表格怎么做

Html的<figcaption>标签

Html5的概念是什么

Html行内标签可以设置宽高吗

Html中序列化标签的简单介绍（代码实例）

Html怎么用link引入css

实例详解Html如何实现文件间自由切换

详解angular中为Html元素添加css类的几种方式

浅谈Html标题，段落，换行，水平线，特殊字符

Html语义化的含义和意义是什么

更多相关阅读请进入《Html》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...