类似layer的功能

 

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd" >
< html >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >
< title > 无标题文档 </ title >
</ head >

< script >
function SearchTypeClick(obj)
{    
    if (obj.value == 1)
    {
        document.getElementById("divSrh1").style.display = 'none';
        document.getElementById("divSrh2").style.display = 'block';
        document.getElementById("divSrh3").style.display = 'none';
    }
    
    else if (obj.value == 2 )
    {
        document.getElementById("divSrh1").style.display = 'none';
        document.getElementById("divSrh2").style.display = 'none';
        document.getElementById("divSrh3").style.display = 'block';    
    }
    
    else
    {
        document.getElementById("divSrh1").style.display = 'block';
        document.getElementById("divSrh2").style.display = 'none';
        document.getElementById("divSrh3").style.display = 'none';
    }
}
</ script >
< body >
< table  class =font-default  cellSpacing =0  cellPadding =0  width =610 
             border =0 >
               < tr >              
                 < td  vAlign =bottom  width =88 >< input 
                   id =srh_type  onclick =SearchTypeClick(this);  type =radio  value =0  CHECKED
                  name =srh_type >  城市 </ TD >                 
                 < td  vAlign =bottom  width =105 >< input 
                   id =srh_type  onclick =SearchTypeClick(this);  type =radio   value =1 
                   name =srh_type >  景区 </ TD >                
                 < td  vAlign =bottom  width =197 >< input 
                   id =srh_type  onclick =SearchTypeClick(this);  type =radio  value =2 
                   name =srh_type >  附近标志物 </ TD >
                </ TR ></ TABLE >

  < div  id =divSrh1  style ="DISPLAY: block" >
sdfsdf111
</ div >
  < div  id =divSrh2  style ="DISPLAY: none" >
sdfsdfd2222222
</ div >
  < div  id =divSrh3  style ="DISPLAY: none" >
sdfdsff3333333333
</ div >
</ body >
</ html >

转载于:https://www.cnblogs.com/Elong/archive/2005/06/15/174940.html