<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transisi//EN">
<html>
<kepala>
<title>Dokumen Tanpa Judul</title>
<meta http-equiv="Jenis Konten" content="teks/html; charset=gb2312">
<gaya>
/* Dokumen CSS */
/* untuk input_dropMenu*/
tubuh{
tinggi garis:10px;
SCROLLBAR-WAJAH-WARNA: #eeeedd;
SCROLLBAR-HIGHLIGHT-WARNA: #eeeedd;
SCROLLBAR-BAYANG-WARNA: #666677;
SCROLLBAR-3DLIGHT-COLOR: #666677;
SCROLLBAR-PANAH-WARNA: #666677;
SCROLLBAR-TRACK-COLOR: #efefef;
SCROLLBAR-DARKSHADOW-WARNA: #eeeedd;
}
div{
ukuran font:9pt;
}
.dropMenu{
overflow:otomatis;
overflow-x:terlihat;
tinggi:100%;
perbatasan-atas:1px padat #aaaabb;
perbatasan-kiri:1px solid #aaaabb;
perbatasan-kanan:1px padat #666677;
perbatasan-bawah:2px padat #666677;
warna latar:#fdfdfd;
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=putih,endColorStr=#eeeedd);
spasi putih:nowrap;
}
.dropMenu div{
kursor:Bawaan;
warna:#666677;
bantalan:1px 2px 1px 2px;
padding-atas:2px;
skrip1:ekspresi(
onmouseover=fungsi(){
ini.gaya.latar belakang="#0A246A"
ini.gaya.fontWeight="normal"
ini.gaya.warna="putih"
ini.gaya.paddingLeft="3px"
},
onmouseout=fungsi(){
this.style.background="tidak ada"
ini.gaya.fontWeight="normal"
ini.gaya.warna="#666677"
ini.gaya.paddingLeft="2px"
},
diklik=fungsi(){
pilih_dropMenu(ini.parentNode.style.parent1,ini)
}
);
}
</gaya>
</kepala>
<bahasa skrip="JavaScript">
// Dokumen JavaScript
/*
=== untuk input_dropMenu ===
=== mendapatKode 21-9-2004 ===
*/
fungsi drawShadowDiv(){
sDiv = '<div id="bayanganDiv" '+
'gaya="'+
'posisi: mutlak;'+
'kiri:0px;atas:0px;'+
'indeks-z:1;'+
'warna latar:#2C6C85;'+
'warna-latar belakang-lapisan:#2C6C85;'+
'tampilan: tidak ada;'+
'FILTER:progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=10,finishOpacity=20,startX=0,finishX=0,startY=0,finishY=100);'+
'batas:1 piksel biru langit pekat;'+
'"></div>'
dokumen.tulis(sDiv)
}
drawShadowDiv()
fungsi giveItShaow( yang , sDiv ,ketik ){
jika( ketik == "tampilkan" ){
sDiv.style.zIndex = yang.style.zIndex
sDiv.style.left = yang.offsetLeft + yang.parentNode.offsetLeft + 2;
sDiv.style.top = yang.offsetTop + yang.parentNode.offsetTop + 3;
sDiv.style.width = yang.offsetWidth ;
sDiv.style.height = yang.offsetHeight ;
sDiv.style.display = "";
}kalau tidak{
sDiv.style.display = "tidak ada"
sDiv.style.zIndex = 1
}
}
//===显示下拉框===
/*
current_dropMenu = 页面当前下拉框的ID
close_dropMenu = 是否可以关闭下拉框
dropMenuGo = setTimeout
*/
var current_dropMenu = nol
var close_dropMenu = benar
var dropMenuGo =
fungsi nol show_dropMenu( yang ){
current_dropMenu = yang mana
jika( dropMenuGo != null ){
hapusWaktu habis(dropMenuGo)
}
//info.innerText = yang.style.script1
eval("outSide_"+which.id).style.display = ""
yang.gaya.tampilan = ""
yang.scrollTop = 0
marginTop = parseInt(yang.gaya.marginTop)
jika( marginTop < -3 ){
yang.style.marginTop = marginTop + Math.round(( 0 - marginTop )/3)
}lainnya jika( marginTop >= -3 && marginTop < 0 ){
yang.style.marginTop = marginTop + 1
}
jika( marginTop >= 0 ){
hapusWaktu habis(dropMenuGo)
giveItShaow(yang,shadowDiv,'tampilkan')
kembali
}
dropMenuGo = setTimeout("show_dropMenu( "+yang.id+" )",10) //
}
//===隐藏下拉框===
fungsi sembunyikan_dropMenu(){
jika( current_dropMenu != null ){
jika( close_dropMenu ){
hapusWaktu habis(dropMenuGo)
current_dropMenu.style.display = "tidak ada"
eval("outSide_"+current_dropMenu.id).style.display = "tidak ada"
current_dropMenu.style.marginTop = current_dropMenu.parentNode.offsetHeight*(-1)
giveItShaow(current_dropMenu,shadowDiv,'sembunyikan')
}
}
}
//===选择下拉框的值===
fungsi pilih_dropMenu( yang mana, mandiri ){
close_dropMenu = benar
sembunyikan_dropMenu()
//eval(yang).document.body.innerText = self.innerText.substr(0,self.innerText.length-1)
eval(yang).nilai = self.innerText
}
//===除前后空格===
fungsi trim(str){
jika( str.substr(0,1)==" "){
str = str.substr(1)
}
if( str.substr(str.panjang-1,1)==" "){
str = str.substr(0,str.panjang-2)
}
kembali str
}
fungsi gantiFilter( str ){
//str = str.ganti(/ /g,"")
str = potong(str)
str = str.ganti(/=/g,':')
str = str.ganti(/:/g,':"')
str = str.ganti(/ /g,' ')
str = str.ganti(/:"///g,'://')
str = str.replace(/javascript:"/g,'javascript:')
str = str.ganti(/,/g,'",')
str = str + '"'
str = str.ganti(/""/g,'"')
str = "{" + str + "}"
kembali str
}
/*
ketik = 变量名称
defaultVariables = 默认的值（不能为空）
*/
fungsi setFilters( tipe , variabel default ){
if( filter[tipe] == tidak terdefinisi ){
if( defaultVariables == tidak terdefinisi ){
variabel default = ""
}
eval( ketik + "=variabel default" )
}kalau tidak{
eval( mengetik + "=filter[mengetik]" )
}
}
var getStr, cTmpStr
fungsi Pisahkan_Str(){
dapatkanStr = ""
untuk ( saya = 0; saya < cTmpStr.panjangnya ; saya ++ ){
jika ( cTmpStr.substr(i,1) == " " ){
cTmpStr = cTmpStr.substr(getStr.panjang+1)
kembalikan getStr
}
getStr = getStr + cTmpStr.substr(i,1)
}kembalikan getStr
}
//===drawDropMenu===
/*
iAutoID = 自动编号
id = 输入框的值
*/
var iAutoID = 0;
fungsi SS_drawDropMenu( filter ){
iAutoID++
jika( filter == tidak terdefinisi ){
filter = {}
}kalau tidak{
eval( "filter=" + gantiFilter( filter ))
}
setFilter( "id" , "inputFrame"+iAutoID )
setFilter("bentuk", "" )
setFilters("panjang maksimal", "" )
setFilters( "cItem" , "没有选项" )
setFilter("nilai", "" )
setFilters( "mulaiWarna", "putih" )
setFilters( "endColor" , "#eeeedd" )
setFilters( "fokus", "'javascript:;'" )
setFilters( "onblur" , "'javascript:;'" )
setFilters( "onmouseover" , "'javascript:;'" )
setFilters( "onmouseout" , "'javascript:;'" )
setFilters( "onmouseup" , "'javascript:;'" )
setFilters( "onmousedown" , "'javascript:;'" )
setFilters( "onkeyup" , "'javascript:;'" )
setFilters( "onkeydown" , "'javascript:;'" )
setFilters( "onchange" , "'javascript:;'" )
jika( bentuk != "" ){
induk1 = formulir+"."+id
}kalau tidak{
orang tua1 = id
}
//---建立下拉框选项的html语句---
var itemCount //-下拉框选项的循环次数
var itemHtml = "" //-html语句
var dropMenuHeight = ""
var inputSize = 0 //-下拉框的高度
itemCount = cItem.split(' ').panjang
cTmpStr = cItem
untuk( var i = 0 ; i < jumlah item ; i++ ){
menuValue = Pisahkan_Str()
itemHtml = itemHtml + '<div>'+menuValue+'</div>n'
if( menuValue.length > inputSize ){
inputSize = menuValue.panjang
}
}
jika(Jumlah barang < 5){
dropMenuHeight = (17 * jumlah item+3)
}kalau tidak{
dropMenuHeight = 88
}
setFilters( "ukuran", masukanUkuran*2 )
//---akhir---
oHtml='<div id="input_dropMenu'+id+'" style="display:inline;height:21px;">n'+
'<tabel border="0" cellpacing="0" cellpadding="0">n'+
'<tr>n'+
'<td style="font-size:9pt;border:1px hitam pekat;border-right:0px;">n'+
'<input nama="'+id+'" type="teks" value="'+nilai+'" size="'+size+'" maxlength="'+maxlength+'" style="font-size:9pt;border :0px hitam pekat;" '+
' fokus=' +fokus+
' onblur=' +onblur+
' onmouseover=' +onmouseover+
' onmouseout=' +onmouseout+
' onmouseup=' +onmouseup+
' onmousedown=' +onmousedown+
' onkeyup=' +onkeyup+
' onkeydown=' +onkeydown+
'onchange=' +onchange+
'>'+
'</td>n'+
'<td width="16px" style="font-size:9pt;border:1px hitam pekat;border-left:0px;border-right:0px;">n'+
'<gaya div="'+
'font-keluarga: webdings;'+
'meluap: tersembunyi;'+
'tinggi:18;'+
'margin-kiri:-1px;'+
'perbatasan: 2px awal yang solid;'+
'FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr='+startColor+',endColorStr='+endColor+');'+
'"'+
' onmousedown="this.style.border='2px inset'"'+
' onmouseup="this.style.border='2px awal'"'+
' onmouseover="this.style.border='2px awal'"'+
' onmouseout="ini.style.border='2px awal'"'+
'>n'+
'<gaya div="'+
'ukuran font:9pt;'+
'margin-atas:-3px;'+
'margin-kiri:1px;'+
'kursor:tangan;'+
'warna:#444444'+
'"'+
' onClick="show_dropMenu(dropMenu'+id+')"'+
' onmousedown="ini.style.marginLeft='2px';"'+
' onmouseup="ini.style.marginLeft='1px'"'+
' onselectstart="kembali salah"'+
'>6</div>n'+
'</div>n'+
'</td>n'+
'</tr>n'+
'<tr>n'+
'<td colspan="2">n'+
'<div id="outSide_dropMenu'+id+'"'+
' kelas="di luarSideDropMenu" '+
' onselectstart="kembali salah"'+
'gaya="'+
'tampilan: tidak ada;'+
'posisi: mutlak;'+
'indeks-z:21;'+
'margin-atas:-1px;'+
'tinggi:'+dropMenuHeight+'px;'+
'lebar:100%;'+
'meluap: tersembunyi;'+
'meluap-x: terlihat;'+
'batas:0px hitam pekat;'+
'">n'+
'<div id="dropMenu'+id+'" class="dropMenu" style="margin-top:expression(this.parentNode.offsetHeight*(-1));parent1:'+parent1+'" onMouseover="close_dropMenu= PALSU;" onMouseout="close_dropMenu=true;">n'+
itemHtml+
'</div>n'+
'</div>n'+
'</td>n'+
'</tr>n'+
'</tabel>n'+
'</div>n'
dokumen.tulis(oHtml)
}
</skrip>
<body onMousedown="hide_dropMenu();">
<form nama="form1" metode="posting" action="">
arti:
<masukan nama = "cName" type = "text" id = "cName" size = "10">
<br>
kata-kata:
<masukan nama="iAge" type="teks" id="iAge" size="10">
<br>
Catatan: <script>SS_drawDropMenu('id=kkk,form=form1,cItem=科员 科长 所长 局长')</script> <script>SS_drawDropMenu('id=kkk2,form=form1,cItem=科员 科长 所长 局长')</skrip>
<input nama="dd" type="button" value="提交" onclick="alert(form1.kkk.value)">
</bentuk>
<p> </p></tubuh>
</html>