<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<أتش تي أم أل>
<الرأس>
<title>مستند بدون عنوان</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<نمط>
/* مستند CSS */
/* لـ input_dropMenu*/
جسم{
ارتفاع الخط: 10 بكسل؛
SCROLLBAR-FACE-COLOR: #eeeedd;
شريط التمرير-تسليط الضوء-اللون: #eeeeedd;
لون شريط التمرير: #666677؛
شريط التمرير-3DLIGHT-COLOR: #666677;
شريط التمرير-سهم-لون: #666677;
لون شريط التمرير: #efefef؛
SCROLLBAR-DARKSHADOW-COLOR: #eeeeedd;
}
شعبة {
حجم الخط: 9pt؛
}
قائمة الإسقاط{
تجاوز السعة: تلقائي؛
تجاوز-x:مرئي؛
الارتفاع: 100%؛
الحدود الأعلى: 1px الصلبة #aaaabb؛
الحدود اليسرى: 1px الصلبة #aaaabb؛
الحدود اليمنى:1px الصلبة #666677؛
الحد السفلي: 2 بكسل صلب #666677؛
لون الخلفية:#fdfdfd;
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=white,endColorStr=#eeeedd);
مسافة بيضاء:nowrap;
}
.dropMenu شعبة {
المؤشر:افتراضي؛
اللون:#666677;
الحشو: 1px 2px 1px 2px؛
الحشو العلوي: 2 بكسل؛
النصي 1: التعبير (
onmouseover=function(){
this.style.background = "#0A246A"
this.style.fontWeight = "طبيعي"
this.style.color = "أبيض"
this.style.paddingLeft = "3px"
},
onmouseout=function(){
this.style.background = "لا شيء"
this.style.fontWeight = "طبيعي"
this.style.color = "#666677"
this.style.paddingLeft = "2px"
},
عندنقر=وظيفة(){
Choose_dropMenu(this.parentNode.style.parent1,this)
}
);
}
</نمط>
</الرأس>
<لغة البرمجة = "جافا سكريبت">
// مستند جافا سكريبت
/*
=== لـ input_dropMenu ===
=== حصلت على رمز 2004-9-21 ===
*/
وظيفة رسمShadowDiv(){
sDiv = '<div id="shadowDiv" '+
'نمط =''+
"الموضع:مطلق؛"+
'يسار: 0px;أعلى:0px;'+
'z-index:1;'+
'لون الخلفية:#2C6C85;'+
'لون خلفية الطبقة:#2C6C85;'+
"عرض: لا شيء؛"+
'FILTER:progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=10,finishOpacity=20,startX=0,finishX=0,startY=0,finishY=100);'+
"الحدود: 1 بكسل سماوي خالص؛"+
''"></div>"
document.write(sDiv)
}
drawShadowDiv()
دالة GiveItShaow( التي , sDiv ,type ){
إذا (اكتب == "إظهار"){
sDiv.style.zIndex = who.style.zIndex
sDiv.style.left = who.offsetLeft + who.parentNode.offsetLeft + 2;
sDiv.style.top = who.offsetTop + who.parentNode.offsetTop + 3;
sDiv.style.width = who.offsetWidth ;
sDiv.style.height = who.offsetHeight ;
sDiv.style.display = "";
}آخر{
sDiv.style.display = "لا شيء"
sDiv.style.zIndex = 1
}
}
//===显示下拉框===
/*
current_dropMenu = معرف القائمة الرئيسية
Close_dropMenu = قائمة الخيارات المتاحة
dropMenuGo = setTimeout
*/
var current_dropMenu = null
فار Close_dropMenu = صحيح
فار dropMenuGo =
وظيفة فارغة show_dropMenu( التي ){
current_dropMenu = أي
إذا (dropMenuGo != null ){
ClearTimeout(dropMenuGo)
}
//info.innerText = who.style.script1
eval("outSide_"+what.id).style.display = ""
الذي.style.display = ""
التي.التمرير العلوي = 0
هامشTop = parseInt(what.style.marginTop)
إذا (الهامش العلوي <-3){
who.style.marginTop = هامشTop + Math.round(( 0 - هامشTop )/3)
}else if( MarginTop >= -3 && MarginTop < 0 ){
that.style.marginTop = هامش أعلى + 1
}
إذا (الهامش العلوي >= 0){
ClearTimeout(dropMenuGo)
GiveItShaow(الذي،shadowDiv،'show')
يعود
}
dropMenuGo = setTimeout("show_dropMenu( "+what.id+" )",10) //
}
//===隐藏下拉框===
وظيفة Hide_dropMenu(){
إذا (current_dropMenu != فارغة){
إذا (إغلاق_قائمة_القائمة){
ClearTimeout(dropMenuGo)
current_dropMenu.style.display = "لا شيء"
eval("outSide_"+current_dropMenu.id).style.display = "لا شيء"
current_dropMenu.style.marginTop = current_dropMenu.parentNode.offsetHeight*(-1)
GiveItShaow(current_dropMenu,shadowDiv,'hide')
}
}
}
//=============================================================
وظيفة Choose_dropMenu(التي، النفس){
Close_dropMenu = true
Hide_dropMenu()
//eval(الذي).document.body.innerText = self.innerText.substr(0,self.innerText.length-1)
eval(التي).القيمة = self.innerText
}
//===除前后空格===
تقليم الوظيفة (شارع) {
إذا (str.substr(0,1)==" "){
شارع = str.substr(1)
}
إذا (str.substr(str.length-1,1)=== "){
str = str.substr(0,str.length-2)
}
شارع العودة
}
وظيفة استبدال المرشحات (شارع) {
//str = str.replace(/ /g،"")
شارع = تقليم (شارع)
str = str.replace(/=/g,':')
str = str.replace(/:/g,':"')
str = str.replace(/ /g,' ')
str = str.replace(/:"///g,'://')
str = str.replace(/javascript:"/g,'javascript:')
str = str.replace(/,/g,''')
شارع = شارع + '"'
str = str.replace(/""/g,'"')
str = "{" + str + "}"
شارع العودة
}
/*
اكتب = 变量名称
المتغيرات الافتراضية = 默认的值(المتغيرات الافتراضية)
*/
دالة setFilters(type, defaultVariables){
إذا (مرشحات[نوع] == غير محدد){
إذا (المتغيرات الافتراضية == غير محددة){
المتغيرات الافتراضية = ""
}
تقييم (نوع + "= المتغيرات الافتراضية")
}آخر{
تقييم (نوع + "= عوامل التصفية [نوع]" )
}
}
فار getStr، cTmpStr
وظيفة Separate_Str(){
getStr = ""
لـ (i = 0; i < cTmpStr.length ; i ++ ){
إذا ( cTmpStr.substr(i,1) == " " ){
cTmpStr = cTmpStr.substr(getStr.length+1)
إرجاع getStr
}
getStr = getStr + cTmpStr.substr(i,1)
}إرجاع getStr
}
//===drawDropMenu===
/*
iAutoID = 自动编号
المعرف = 输入框的值
*/
فار iAutoID = 0;
الدالة SS_drawDropMenu(مرشح){
iAutoID++
إذا (مرشح == غير محدد){
المرشحات = {}
}آخر{
تقييم ("المرشحات =" + استبدال المرشحات (مرشح ))
}
setFilters("id"، "inputFrame"+iAutoID)
مجموعة المرشحات ("النموذج"، "")
setFilters("maxlength"، "" )
setFilters("cItem" ، "التصفية النهائية")
مجموعة المرشحات ("القيمة"، "")
setFilters("startColor" , "white")
setFilters( "endColor" , "#eeeedd")
setFilters( "onfocus" , "'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:;'" )
إذا (النموذج!= "" ){
Parent1 = النموذج+"."+id
}آخر{
Parent1 = معرف
}
//--- قم بزيارة موقع الويب الخاص بـ html---
var itemCount //-下拉框选项的循环次数
var itemHtml = "" //-html语句
فار dropMenuHeight = ""
حجم الإدخال var = 0 //- حجم الإدخال
itemCount = cItem.split(' ').طول
cTmpStr = cItem
ل( فار i = 0 ; أنا < itemCount ; i++ ){
MenuValue = Separate_Str ()
itemHtml = itemHtml + '<div>'+menuValue+'</div>n'
إذا (menuValue.length > حجم الإدخال) {
حجم الإدخال = MenuValue.length
}
}
إذا (عدد العناصر <5) {
dropMenuHeight = (17 * عدد العناصر+3)
}آخر{
قطرة القائمة = 88
}
setFilters("الحجم"، حجم الإدخال*2)
//---نهاية---
oHtml='<div id="input_dropMenu'+id+'" style="display:inline;height:21px;">n'+
'<table border="0" cellpacing="0" cellpadding="0">n'+
'<tr>n'+
'<td style="font-size:9pt;border:1px Solid black;border-right:0px;">n'+
'<اسم الإدخال = "'+id+'" type = "text" value = "'+value+'" size = "'+size+'" maxlength = "'+maxlength+'" style = "font-size:9pt;border :0px أسود خالص؛" '+
'onfocus=' +onfocus+
'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 أسود خالص;border-left:0px;border-right:0px;">n'+
'<نمط النمط =''+
"عائلة الخط: webdings؛"+
"تجاوز: مخفي؛"+
"الارتفاع: 18;"+
'الهامش الأيسر:-1px;'+
"الحدود: 2 بكسل بداية صلبة؛"+
'FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr='+startColor+',endColorStr='+endColor+');'+
'''+
' onmousedown="this.style.border='2px inset'"'+
' onmouseup="this.style.border='2px outset'"'+
' onmouseover = "this.style.border='2px outset'"'+
' onmouseout="this.style.border='2px outset'"'+
'>n'+
'<نمط النمط =''+
"حجم الخط: 9pt;"+
'الهامش العلوي:-3px;'+
'الهامش الأيسر:1px;'+
"المؤشر: اليد؛"+
'اللون:#444444'+
'''+
' onClick="show_dropMenu(dropMenu'+id+')"'+
' onmousedown="this.style.marginLeft='2px';"'+
' onmouseup="this.style.marginLeft='1px'"'+
'onselectstart="return false"'+
'>6</div>n'+
'</div>n'+
'</td>n'+
'</tr>n'+
'<tr>n'+
'<td colspan="2">n'+
'<div id="outSide_dropMenu'+id+'"'+
' class="outSideDropMenu" '+
'onselectstart="return false"'+
'نمط =''+
"عرض: لا شيء؛"+
"الموضع:مطلق؛"+
'z-index:21;'+
'الهامش العلوي:-1px;'+
'الارتفاع:'+dropMenuHeight+'px;'+
"العرض: 100%;"+
"تجاوز: مخفي؛"+
"تجاوز-x:مرئي؛"+
"الحدود: 0px أسود خالص؛"+
'">n'+
'<div id="dropMenu'+id+'" class="dropMenu" style="margin-top:expression(this.parentNode.offsetHeight*(-1));parent1:'+parent1+'" onMouseover=" Close_dropMenu= خطأ شنيع؛" onMouseout="Close_dropMenu=true;">n'+
العنصر أتش تي أم أل +
'</div>n'+
'</div>n'+
'</td>n'+
'</tr>n'+
'</table>n'+
'</div>n'
وثيقة.كتابة (أو أتش تي أم أل)
}
</script>
<body onMousedown="hide_dropMenu();">
<اسم النموذج = "form1" طريقة = "نشر" الإجراء = "">
الاسم:
<اسم الإدخال = "cName" نوع = "نص" معرف = "cName" حجم = "10">
<ر>
العنوان:
<اسم الإدخال = "iAge" نوع = "نص" معرف = "iAge" حجم = "10">
<ر>
المثال: <script>SS_drawDropMenu('id=kkk,form=form1,cItem=科员 科长 长 局长')</script> <script>SS_drawDropMenu('id=kkk2,form=form1,cItem=科员 科长 所长 局长')</script>
<اسم الإدخال = "dd" type = "button" value = "提 交" onclick = "alert (form1.kkk.value)">
</النموذج>
<p> </p></body>
</html>