覆盖select下拉框

最新推荐文章于 2022-05-10 09:48:33 发布

zxbcome

最新推荐文章于 2022-05-10 09:48:33 发布

阅读量204

点赞数

分类专栏： Javascript相关文章标签： Java

Javascript相关专栏收录该内容

2 篇文章

订阅专栏

 <html>  
  <script   language="javascript">  
  function   clickProcess(){ 
      divHandle=document.getElementById('div');        
      if   (divHandle.style.visibility=='hidden'){  
            divHandle.style.visibility='visible';  
			document.all.framemask.style.visibility   =   'visible';  
			document.getElementById("selectId").blur();
      }else{  
            divHandle.style.visibility='hidden';  
			document.all.framemask.style.visibility   =   'hidden';  
      }  
  }  
  </script>  
  <body>  
    select:<input   type="text"><input   type="button"   value="button"   width=5     onMouseOver="clickProcess();chgWidth();"><br>  
    <div   name="div"   id="div"   style="position:absolute;z-index:100;width:300px;height:200px;visibility:hidden;   background-color:   rgb(223,71,177)   ">  

	<table>  
        <tr>  
              <td>11111111111111</td>  
        </tr>  
          <tr>  
              <td>22222222222222</td>  
        </tr>  
        <tr>  
              <td>33333333333333</td>  
        </tr>  
		 <tr>  
              <td>33333333333333</td>  
        </tr>
    </table> 
    <iframe   src="about:"   frameborder=0   id=framemask   style="position:absolute;z-index:50;visibility:hidden;"></iframe> 	
    </div> 
	<select style="position:absolute;z-index:60" id="selectId">
		<option>aaa</option>
		<option>aaa</option>
		<option>aaa</option>
		<option>aaa</option>
		<option>aaa</option>
		<option>aaa</option>
		<option>aaa</option>
		<option>aaa</option>
	</select>	

  </body>  
  </html>