< html >
< head >
< metdiv  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< script  language ="JavaScript"  type ="text/javascript" >
var  curr = null ;
var  hs = new  Array();
var  ps = new  Array();

function  getElementsByClassName(clsName) 
{ 
     var  arr  =   new  Array(); 
     var  elems  =  document.getElementsByTagName( " * " );
     for  (  var  cls, i  =   0 ; ( elem  =  elems[i] ); i ++  )
     {
         if  ( elem.className  ==  clsName )
         {
            arr[arr.length]  =  elem;
        }
    }
     return  arr;
}
function  initFaq() {
     var  faq = document.getElementById( " faq " );
    hs = getElementsByClassName( " D_title " );
    ps = getElementsByClassName( " D_content " );
     for  ( var  i = 0 ;i < hs.length;i ++ ) {
        hs[i].id = 'a_syy_' + i;
        ps[i].id = hs[i].id + '_x';
        
        hs[i].onclick = function () {
             if  (curr != null && curr != this .id) {
                document.getElementById(curr + " _x " ).style.display = 'none';
                document.getElementById(curr).style.backgroundImage = 'url(images / hide.gif)';
                document.getElementById(curr).style.backgroundColor = '#E6B18C';
            }
             var  s = document.getElementById( this .id + " _x " ).style;
            s.display = ((s.display == 'none') ? 'block':'none');
             if  (s.display != 'none') {
                curr = this .id;
                 this .style.backgroundImage = 'url(images / show.gif)';
                 this .style.backgroundColor = '#FF8C3C';
            }
             else {
                curr = null ;
                 this .style.backgroundImage = 'url(images / hide.gif)';
                 this .style.backgroundColor = '#E6B18C';
            }
        }
        hs[i].onmouseover = function () {
             this .style.backgroundColor = " #E69860 " ;
        }
        hs[i].onmouseout = function () {
             this .style.backgroundColor = (document.getElementById( this .id + " _x " ).style.display == 'none') ? " #e6b18c " :'#FF8C3C';
        }
        hs[i].style.cursor = 'pointer';
        ps[i].style.display = 'none';
        }
}
</ script >

< style >
body {} {
    margin : 0 ;
    background : url(images/diary.gif) no-repeat right bottom ;
}
#faq {} {
    width : 567px ;
    list-style : none ;
    padding : 0 ;
    margin : 1px ;
}
#faq li {} {
    width : 100% ;
    margin : 0 ;

}
#faq .D_title {} {
    width : 100% ;
    height : 22px ;
    color : #7455E8 ;
    font : 400 12px/22px tahoma ;
    display : block ;
    margin-top : 1px ;
    text-decoration : none ;
    background : #E6B18C url(images/hide.gif) no-repeat 5px center ;
}

#faq .D_content {} {
    width : 100% ;
    height : 250px ;
    font : 12px/18px tahoma ;
    color : #F26D4D ;
    background : #E6E9FF ;
    margin : 0 ;
}
</ style >
</ head >
< body  onload ="initFaq()" >
     < ul  id ="faq"  style ="background:#fff;" >
     < li >
     < div  class ="D_title"  href ="#" > 　　2005-11-8　　　　　　星期一　　　　　　　　　　　　　晴 </ div >
         < div  class ="D_content" >
         </ div >
     </ li >
     < li >
         < div  class ="D_title"  href ="#" > 　　2005-11-8　　　　　　星期二　　　　　　　　　　　　　晴 </ div >
         < div  class ="D_content" >
         </ div >
     </ li >
     < li >
         < div  class ="D_title"  href ="#" > 　　2005-11-8　　　　　　星期三　　　　　　　　　　　　　晴 </ div >
         < div  class ="D_content" >
         </ div >
     </ li >
     < li >
         < div  class ="D_title"  href ="#" > 　　2005-11-8　　　　　　星期四　　　　　　　　　　　　　晴 </ div >
         < div  class ="D_content" >
         </ div >
     </ li >
     < li >
         < div  class ="D_title"  href ="#" > 　　2005-11-8　　　　　　星期五　　　　　　　　　　　　　晴 </ div >
         < div  class ="D_content" >
         </ div >
     </ li >
     < li >
         < div  class ="D_title"  href ="#" > 　　2005-11-8　　　　　　星期六　　　　　　　　　　　　　晴 </ div >
         < div  class ="D_content" >
         </ div >
     </ li >
     < li >
         < div  class ="D_title"  href ="#" > 　　2005-11-8　　　　　　星期天　　　　　　　　　　　　　晴 </ div >
         < div  class ="D_content" >
         </ div >
     </ li >
</ ul >
</ body >
</ html >