common.js:
//对系统按钮的样式进行控制
function showImsg(buttids){
var ids = buttids.split(",");
var button;
for(var i=0;i<ids.length;i++){
button = document.getElementById(ids[i]);
if(button == null || button == undefined){
continue;
}
if(button.value.length<=4){
button.className="btn_sty2_4";
button.onmouseover = function(){
this.style.cursor="pointer";
this.className="btn_sty22_4";
}
button.onmouseout = function(){
this.style.cursor="pointer";
this.className="btn_sty2_4";
}
button.onmousedown = function(){
this.style.cursor="pointer";
this.className="btn_sty23_4";
}
}
if(button.value.length>4){
button.className="btn_sty2_6";
button.style.marginTop="3";
button.onmouseover = function(){
this.style.cursor="pointer";
this.className="btn_sty22_6";
}
button.onmouseout = function(){
this.style.cursor="pointer";
this.className="btn_sty2_6";
}
button.onmousedown = function(){
this.style.cursor="pointer";
this.className="btn_sty23_6";
}
}
}
}
common.css:
.btn_sty1_4 {
background: url("../images/btn_sty1_4.png") no-repeat scroll left top rgba(0, 0, 0, 0);
border: 0 none;
color: #FFFFFF;
font-weight: bold;
height: 29px;
line-height: 29px;
text-align: center;
width: 77px;
}
.btn_sty12_4 {
background: url("../images/btn_sty1_4.png") no-repeat scroll -87px top rgba(0, 0, 0, 0);
border: 0 none;
color: #FFFFFF;
font-weight: bold;
height: 29px;
line-height: 29px;
text-align: center;
width: 77px;
}
.btn_sty13_4 {
background: url("../images/btn_sty1_4.png") no-repeat scroll -174px top rgba(0, 0, 0, 0);
border: 0 none;
color: #FFFFFF;
font-weight: bold;
height: 29px;
line-height: 29px;
text-align: center;
width: 77px;
}
.btn_sty1_6 {
background: url("../images/btn_sty1_6.png") no-repeat scroll left top rgba(0, 0, 0, 0);
border: 0 none;
color: #FFFFFF;
font-weight: bold;
height: 29px;
line-height: 29px;
text-align: center;
width: 97px;
}
.btn_sty12_6 {
background: url("../images/btn_sty1_6.png") no-repeat scroll -107px top rgba(0, 0, 0, 0);
border: 0 none;
color: #FFFFFF;
font-weight: bold;
height: 29px;
line-height: 29px;
text-align: center;
width: 97px;
}
.btn_sty13_6 {
background: url("../images/btn_sty1_6.png") no-repeat scroll -214px top rgba(0, 0, 0, 0);
border: 0 none;
color: #FFFFFF;
font-weight: bold;
height: 29px;
line-height: 29px;
text-align: center;
width: 97px;
}
.btn_sty2_4 {
background: url("../images/btn_sty2_4.png") no-repeat scroll left top rgba(0, 0, 0, 0);
border: 0 none;
color: #FFFFFF;
font-weight: bold;
height: 25px;
line-height: 25px;
margin-right: 10px;
margin-top: 2px;
text-align: center;
width: 80px;
}
.btn_sty22_4 {
background: url("../images/btn_sty2_4.png") no-repeat scroll -88px top rgba(0, 0, 0, 0);
border: 0 none;
color: #FFFFFF;
font-weight: bold;
height: 25px;
line-height: 25px;
margin-right: 10px;
margin-top: 2px;
text-align: center;
width: 80px;
}
.btn_sty23_4 {
background: url("../images/btn_sty2_4.png") no-repeat scroll -175px top rgba(0, 0, 0, 0);
border: 0 none;
color: #FFFFFF;
font-weight: bold;
height: 25px;
line-height: 25px;
margin-right: 10px;
margin-top: 2px;
text-align: center;
width: 80px;
}
.btn_sty2_6 {
background: url("../images/btn_sty2_6.png") no-repeat scroll left top rgba(0, 0, 0, 0);
border: 0 none;
color: #FFFFFF;
font-weight: bold;
height: 25px;
line-height: 25px;
margin-right: 10px;
margin-top: 2px;
text-align: center;
width: 100px;
}
.btn_sty22_6 {
background: url("../images/btn_sty2_6.png") no-repeat scroll -107px top rgba(0, 0, 0, 0);
border: 0 none;
color: #FFFFFF;
font-weight: bold;
height: 25px;
line-height: 25px;
margin-right: 10px;
margin-top: 2px;
text-align: center;
width: 100px;
}
.btn_sty23_6 {
background: url("../images/btn_sty2_6.png") no-repeat scroll -214px top rgba(0, 0, 0, 0);
border: 0 none;
color: #FFFFFF;
font-weight: bold;
height: 25px;
line-height: 25px;
margin-right: 10px;
margin-top: 2px;
text-align: center;
width: 100px;
}