当前位置:起点学习辅导网培训频道电脑知识学习网页制作Javascript教程Javascrip中既是text又是select属性的输入

Javascrip中既是text又是select属性的输入

08-08 00:40:40浏览次数:814栏目:Javascript教程
标签:javascript视频教程,javascript教程下载, Javascrip中既是text又是select属性的输入,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
/* CSS Document */
/* for input_dropMenu*/
body{
    line-height:10px;
    SCROLLBAR-FACE-COLOR:         #eeeedd;
    SCROLLBAR-HIGHLIGHT-COLOR:     #eeeedd;
    SCROLLBAR-SHADOW-COLOR:     #666677;
    SCROLLBAR-3DLIGHT-COLOR:    #666677;
    SCROLLBAR-ARROW-COLOR:          #666677;
    SCROLLBAR-TRACK-COLOR:         #efefef;
    SCROLLBAR-DARKSHADOW-COLOR:     #eeeedd;
}
div{
    font-size:9pt;
}
.dropMenu{
    overflow:auto;
    overflow-x:visible;
    height:100%;
    border-top:1px solid #aaaabb;
    border-left:1px solid #aaaabb;
    border-right:1px solid #666677;
    border-bottom:2px solid #666677;
    background-color:#fdfdfd;
    FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=white,endColorStr=#eeeedd);
    white-space:nowrap;
}
.dropMenu div{
    cursor:Default;
    color:#666677;
    padding:1px 2px 1px 2px;
    padding-top:2px;
    script1:e­xpression(
                onmouseover=function(){
                    this.style.background="#0A246A"
                    this.style.fontWeight="normal"
                    this.style.color="white"
                    this.style.paddingLeft="3px"
                },
                onmouseout=function(){
                    this.style.background="none"
                    this.style.fontWeight="normal"
                    this.style.color="#666677"
                    this.style.paddingLeft="2px"
                },
                onclick=function(){
                    choose_dropMenu(this.parentNode.style.parent1,this)
                }
            );
}
</style>
</head>
<script language="JavaScript">
// JavaScript Document
/*
===    for input_dropMenu    ===
===    gotCode 2004-9-21    ===
*/
function drawShadowDiv(){
    sDiv =     '<div id="shadowDiv" '+
            'style="'+
            'position:absolute;'+
            'left:0px;top:0px;'+
            'z-index:1;'+
            'background-color:#2C6C85;'+
            'layer-background-color:#2C6C85;'+
            'display:none;'+
            'FILTER:progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=10,finishOpacity=20,startX=0,finishX=0,startY=0,finishY=100);'+
            'border:1px solid skyblue;'+
            '"></div>'
           
    document.write(sDiv)
}
drawShadowDiv()

function giveItShaow( which , sDiv ,type ){
    if( type == "show" ){
        sDiv.style.zIndex = which.style.zIndex
        sDiv.style.left = which.offsetLeft + which.parentNode.offsetLeft + 2;
        sDiv.style.top = which.offsetTop + which.parentNode.offsetTop + 3;
        sDiv.style.width = which.offsetWidth ;
        sDiv.style.height = which.offsetHeight ;
        sDiv.style.display = "";
    }else{
        sDiv.style.display = "none"
        sDiv.style.zIndex = 1
    }
}
//===显示下拉框===
/*
current_dropMenu    =    页面当前下拉框的ID

[1] [2] [3] [4]  下一页

,Javascrip中既是text又是select属性的输入
给资讯打分:
网友评论: