function btnpage(str){ for (i=1;i<=4;i++){ document.getElementById('btnpage'+i).style.display="none"; document.getElementById('btn'+i).className=""; } document.getElementById('btnpage'+str).style.display="block"; } function btnpane(){ for (i=1;i<=4;i++){ document.getElementById('btn'+i).onmouseover=function(e) { btnpage(this.id.charAt(3)); this.className=this.id+'current'; } document.getElementById('btn'+i).onfocus=function(e) { btnpage(this.id.charAt(3)); this.className=this.id+'current'; } } } function rtn(){ return; } if (window.onload != null ) { var oldOnload = window.onload; window.onload = function ( e ) { oldOnload( e ); btnpane(); }; }else { window.onload = btnpane; }