日期:2014-05-16  浏览次数:20360 次

关于div盖select的简单问题!散分咯
请先看代码
<html>      
<style   type= "text/css ">
<!--
.aaa   {
background-color:   #000099;
}
.bbb   {
background-color:   #FFFFFF;
}
-->
</style>
</head>
<script   language= "javascript ">
window.onload   =   loads;
//模型
function   aaa()
{
window.event.srcElement.className   =   "aaa ";
}
function   bbb()
{
window.event.srcElement.className   =   "bbb ";
}
//控制器
function   loads()
{
var   tableObj   =   document.getElementById( "table1 ");
var   trObj   =   tableObj.getElementsByTagName( "tr ");
for(var   i=0;   i <trObj.length;   i++)
{
trObj[i].onmousemove   =   aaa;
trObj[i].onmouseout   =   bbb;
}
}
</script>
    <script       language= "javascript ">      
    function       clickProcess(){      
            divHandle=document.getElementById( 'div ');      
               
            if       (divHandle.style.display   == 'none '){      
                        divHandle.style.display= 'block ';      
        document.all.framemask.style.display   =   'block ';      
            }else{      
                        divHandle.style.display= 'none ';      
        document.all.framemask.style.display   =   'none ';      
            }      
    }      
    </script>      
    <body>      
        输入选项: <input   type= "text "> <input   type= "button "   value= "…… "   width=5   onClick= "clickProcess() "> <br>      
        <div   name= "div "   id= "div "   style= "position:absolute;z-index:100;display:none;background-color:rgb(255,255,255) ">    
        <table   id=table1>      
                <tr>      
                            <td> 11111111111111 </td>      
                </tr>      
                    <tr>      
                            <td> 22222222222222 </td>