jQuery实现消息弹出框效果

本文实例为大家分享了jQuery消息弹出框的具体代码，供大家参考，具体内容如下

效果图

实现代码

  
  
  
 
  
    .showMessage {
      padding: 5px 10px;
      border-radius: 5px;
      position: fixed;
      top: 45%;
      left: 45%;
      color: #ffffff;
    }
 
    .showMessageSuccess {
      background-color: #00B7EE;
    }
 
    .showMessageError {
      background-color: #ff0000;
    }
  
 
  


正确消息
正确消息

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。