一些頁面表單特效

是一個特殊的容器，想裝個網頁都行(冒似火狐不好使，谷歌，IE都沒有問題)
<button><iframe src="http://www.google.com/"></iframe></button>


背景透明
<input type="button" value="Button" style="background-color: transparent; border: 0;">


讓下拉框自動下拉
<select οnmοuseοver="javascript:this.size=this.length"
οnmοuseοut="javascript:this.size=1">
<option value="">
1
</option>
<option value="">
2
</option>
<option value="">
3
</option>
</select>


滾動條滾動至最下端
<button οnclick="text1.scrollTop=text1.scrollHeight">
Scroll
</button>
<br>
<textarea id="text1" cols=50 rows=10>
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
</textarea>




顯示帶邊框的集
<fieldset style="border: 1px gray solid; width: 100px">
<legend>
查詢條件
</legend>
dfdfdf
</fieldset>


給下拉框分組
<SELECT>
<OPTGROUP LABEL="鹼性金屬">
<OPTION>
鋰 (Li)
</OPTION>
<OPTION>
納 (Na)
</OPTION>
<OPTION>
鉀 (K)
</OPTION>
</OPTGROUP>
<OPTGROUP LABEL="鹵素">
<OPTION>
氟 (F)
</OPTION>
<OPTION>
氯 (Cl)
</OPTION>
<OPTION>
溴 (Br)
</OPTION>
</OPTGROUP>
</SELECT>


能輸入的下拉框(火狐不可輸入)
<span>
<input name="Department1" id="Department1" style=" border-right:0;width:130" autocomplete="off">
<span style="width:150;overflow:hidden">
<select  style="width:150;margin-left:-130" onChange="Department1.value=value"> 
<option value=""></option>
<option value="asdfasfadf">asdfasfadf</option>
<option value="546546">546546</option></select>

鼠標進入輸入框時，輸入框內字體被選中
<input type="text" name="key" size="12" value="關鍵字"

onFocus=this.select() onMouseOver=this.focus() class="line">

屏蔽按鍵 

function  document.onkeydown()   
{
// alert("ASCII代碼是："+event.keyCode);   
      if   ((window.event.altKey)&&   
              ((window.event.keyCode==37)||       //屏蔽   Alt+   方向鍵   ←   
                (window.event.keyCode==39))){     //屏蔽   Alt+   方向鍵   →   
            //alert("不准你使用ALT+方向鍵前進或後退網頁！");   
            event.returnValue=false;   
            }   
      if   (  
              (event.keyCode==114)||  
              (event.ctrlKey   &&   event.keyCode==82)){   //Ctrl+R   
            event.keyCode=0;   
            event.returnValue=false;   
            }   
      if   ((event.ctrlKey)&&(event.keyCode==78))       //屏蔽   Ctrl+n   
            event.returnValue=false;   
      if   ((event.shiftKey)&&(event.keyCode==121))   //屏蔽   shift+F10   
            event.returnValue=false;   
      if   (window.event.srcElement.tagName   ==   "A"   &&   window.event.shiftKey)     
              window.event.returnValue   =   false;     //屏蔽   shift   加鼠標左鍵新開一網頁   
      if   ((window.event.altKey)&&(window.event.keyCode==115)){   //屏蔽Alt+F4   
              window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");   
              return   false;}
      if(event.keyCode==117){ //F6
      event.keyCode=0;   
          event.returnValue=false;   
      }  
      if(event.keyCode==27){ //ESC退出系統
logout();
      event.keyCode=0;   
          event.returnValue=false;   
      }
       if(event.keyCode==112){ //F1最小化
     window.blur();
   event.keyCode=0;   
     event.returnValue=false;   
      }
      if(event.keyCode==113)  {//F2盲選任務
    F2GetTask();
 }
      if(event.keyCode==116){ //F5刷新
       window.setTimeout("ref()",1000);
   event.keyCode=0;   
     event.returnValue=false;   
      } 
       if(event.keyCode==123){ //F12刷新
     alert('幫助手冊正在編寫中，此功能暫時不能使用');
   event.keyCode=0;   
     event.returnValue=false;   
      } 
}
//F1
function   document.onhelp(){   
return   false;   
} 

//右鍵
function  document.oncontextmenu(){
event.returnValue=false;
}

左右切換

function switchSysBar(){ 
var tabpanel=window.I2.getTabs();
var allWith=document.body.clientWidth;
if (document.getElementById("left_menu").style.display=="none")
{ 
 document.getElementById("check_img").alt = "關閉左欄";
 document.getElementById("check_img").src = "/BSS/model/system/images/btn_check.gif";
 document.getElementById("left_menu").style.display="";
 tabpanel.setWidth(allWith-201);
} 
else
{ 
 document.getElementById("check_img").alt = "打開左欄";
 document.getElementById("check_img").src = "/BSS/model/system/images/btn_check2.gif";
 document.getElementById("left_menu").style.display="none"; 
 tabpanel.setWidth(allWith);
} 
 }

html的dl標籤

<dl>
   <dt>計算機</dt>
   <dd>用來計算的儀器 ... ...</dd>
   <dt>顯示器</dt>
   <dd>以視覺方式顯示信息的裝置 ... ...</dd>
</dl>

----->顯示效果：

計算機用來計算的儀器 ... ...顯示器以視覺方式顯示信息的裝置 ... ...

只能輸入數字

function onlyNumber(){
var keyCode = window.event.keyCode;
if(keyCode < 48 || keyCode > 57) {
    window.event.returnValue = false;
} else {
window.event.returnValue = true;
} 
}