开发项目时公用的提示信息框。

message.js

 

function Message() {}Message.hide = function(){var obj = document.getElementById("div_message"); if(!obj) return; obj.style.display = "none"; }Message.showError = function(message){ var obj = document.getElementById("div_message"); if(!obj) return; obj.innerHTML = message; obj.className = "errors"; obj.style.display = ""; };Message.showMessage = function(message){ var obj = document.getElementById("div_message"); if(!obj) return; obj.innerHTML = message; obj.className = "success"; obj.style.display = "";};Message.showErrorToDialog = function(message){ var obj = document.getElementById("div_dialog_message"); if(!obj) return; obj.innerHTML = message; obj.className = "errors"; obj.style.display = ""; };Message.showMessageToDialog = function(message){ var obj = document.getElementById("div_dialog_message"); if(!obj) return; obj.innerHTML = message; obj.className = "success"; obj.style.display = ""; };

 

 

message.css

 

.info,.errors,.success { clear: both; margin: 5px 0; padding: 20px 20px 30px 100px; font-size: 12px; line-height: 2; text-align:left;}.errors a{ color: #557C9B; text-decoration:none;}.errors a:hover{ color: #557C9B; text-decoration:underline;}.info { border: 1px dotted 008; background: #eff url(../images/info.gif) no-repeat 20px 18px; color: #008;}.errors { border: 1px dotted #d21033; background: #fed url(../images/error.gif) no-repeat 20px 18px; color: #d21033; padding-bottom: 40px;}.success { border: 1px dotted #390; background: #dfa url(../images/confirm.gif) no-repeat 20px 18px; color: #390;}.errors h2,#content .success h2 { font-family: 幼圆, Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 48px; font-weight: bold; margin: 0 18px 0 0; padding: 0;}

 

 

在页面引用玩这些之后就可以在开头数定义你所需要的div就行了。