类似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 >

你可能感兴趣的:(类)