Semantic UI 之 信息 message

网页代码框架

    
        
        信息
        
        
        
    
    

		

    

各种不同的信息 基本的信息

    大家好
    请大家好好学习，天天向上！


    大家好
    请大家好好学习，天天向上！


    大家好
    请大家好好学习，天天向上！


    大家好
    请大家好好学习，天天向上！

效果：

带图标的信息

    
    
        大家好
        请大家好好学习，天天向上！
    

效果：

彩色的信息

    注册邀请
    VIP信息需要注册登录后才能访问！


    登录失败
    用户名或密码不正确，请重新登录


    登录失败
    用户名或密码不正确，请重新登录


    邮箱验证
    由于长时间没有登录，请到注册邮箱进行验证


    登录成功
    欢迎您，张三！

效果：

可关闭的信息

    
    登录成功
    欢迎您，张三！



    $(".message .close").click(function () {
        $(this).closest(".message") //找到离它最近的message
        .transition("fade");//动画：fly
    });

单击右上角的关闭按钮，信息框会消失。

带颜色的文本信息

red
olive
teal
purple
black

效果：