<style>
* { margin:0 0; padding:0 0;}

.tit_info { width:462px; height:29px; border-bottom:2px solid #009999;}
.tit_info ul li { float:left; margin-right:3px;}
.tit_info_on { background:url(http://z.hersp.com/dat/2012/04/19/01/12/11045.jpg) no-repeat center bottom; width:77px; height:29px; line-height:29px; font-size:14px; font-weight:700; text-align:center; color:#fff; cursor:pointer;font-family: "微软雅黑","幼圆";}
.tit_info_off { background:url(http://z.hersp.com/dat/2012/04/19/01/12/17076.jpg) no-repeat center bottom; width:75px; height:29px; line-height:28px; font-size:14px; text-align:center; color:#000; cursor:pointer;font-family: "微软雅黑","幼圆";}
.beizhu { background:#000000;width:220px;height:29px; line-height:30px; font-size:14px;text-align:center; color:#ff0000;font-family: "微软雅黑","幼圆";}
.info_right { width:462px; height:430px;border:2px solid #009999; padding:2px 0 0 0px; float:left; overflow:hidden;}
.info_right_lie { padding-top:2px; }
.info_right_lie ul {padding-bottom:3px;}
.info_right_lie ul li { height:22px;}

</style>

<SCRIPT language=javascript type=text/javascript>

function yeqian(t)
{
if (t==1)
{
document.getElementById("n1").className="tit_info_on";
document.getElementById("n1_box").style.display="";
document.getElementById("n2").className="tit_info_off";
document.getElementById("n2_box").style.display="none";
document.getElementById("n3").className="tit_info_off";
document.getElementById("n3_box").style.display="none";
}
if (t==2)
{
document.getElementById("n1").className="tit_info_off";
document.getElementById("n1_box").style.display="none";
document.getElementById("n2").className="tit_info_on";
document.getElementById("n2_box").style.display="";
document.getElementById("n3").className="tit_info_off";
document.getElementById("n3_box").style.display="none";
}

if (t==3)
{
document.getElementById("n1").className="tit_info_off";
document.getElementById("n1_box").style.display="none";
document.getElementById("n2").className="tit_info_off";
document.getElementById("n2_box").style.display="none";
document.getElementById("n3").className="tit_info_on";
document.getElementById("n3_box").style.display="";
}
} 
</SCRIPT>
</HEAD>



<div class="info_right">
<DIV class=tit_info>
<UL>
<LI id=n1 class=tit_info_on onmouseover=yeqian(1)>音乐欣赏 </LI>
<LI id=n2 class=tit_info_off onmouseover=yeqian(2)>教学视频 </LI>
<LI id=n3 class=tit_info_off onmouseover=yeqian(3)>博主公告</LI>
<LI  class=beizhu >播放视频前别忘了先关音乐</LI>
</UL>
</DIV>

<DIV id=n1_box class=info_right_lie><UL>
<EMBED height=390 type=application/x-shockwave-flash width=462 src=http://eblog.cersp.com/UploadFiles/2011/12-29/1229985288.swf flashvars="file=http://eblog.cersp.com/UploadFiles/2012/2-8/28145795.txt&amp;autostart=true&amp;shuffle=true&amp;repeat=all&amp;displayheight=349&amp;smoothing=true&amp;thumbsinplaylist=false&amp;backcolor=0xffffff&amp;frontcolor=0xB40001&amp;lightcolor=0xB40001"></EMBED> 

</UL></DIV>


<DIV style="DISPLAY: none" id=n2_box class=info_right_lie><UL>
<EMBED height=390 type=application/x-shockwave-flash width=462 src=http://images3.cersp.com/resblog/images/20100426/upload_ef1b6dc_1274b2c0208__7ffc_00006382.swf flashvars="file=http://z.hersp.com/dat/2012/04/13/22/25/32577.jpg&amp;autostart=false&amp;repeat=true&amp;autoscroll=true&amp;overstretch=true&amp;displayheight=370&amp;image=http://z.hersp.com/dat/2011/12/26/19/49/10501.JPG&amp;backcolor=0xffffff&amp;frontcolor=0xB40001&amp;lightcolor=0xB40001&amp;shownavigation=true&amp;type=flv&amp;showfsbutton=true&amp;showdigits=false&amp;showeq=false" wmode="transparent"></EMBED>
</UL></DIV>



<DIV style="DISPLAY: none" id=n3_box class=info_right_lie><UL><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/>
<DIV id=rollmovie>
<TABLE STYLE="background: #000000;"  border=0 cellSpacing=0 cellPadding=0 width=456 height=60 >
<TBODY>
<TR>
<TD height=60 width=420><IMG style="MARGIN-LEFT: 20px; MARGIN-RIGHT: 3px" src="http://z.hersp.com/dat/2011/12/30/04/57/59745.gif" width=16 height=13> <SPAN style="COLOR: #ff0000; FONT-SIZE: 12pt">欢迎来访！欢迎实名留言和评论！如果是家长，请注明宝宝姓名和所在班级，以便于回应，谢谢~ </SPAN></TD></TR>
<TR>
<TD height=60 width=420><IMG style="MARGIN-LEFT: 20px; MARGIN-RIGHT: 3px" src="http://z.hersp.com/dat/2011/12/30/04/57/59745.gif" width=16 height=13> <SPAN style="COLOR: #ff0000; FONT-SIZE: 12pt">为保持版面整洁，我会不定期整理和删除部分留言和评论，希望您能理解~ </SPAN></TD></TR>
<TR>
<TD height=60 width=420><IMG style="MARGIN-LEFT: 20px; MARGIN-RIGHT: 3px" src="http://z.hersp.com/dat/2011/12/30/04/57/59745.gif" width=16 height=13> <SPAN style="COLOR: #ff0000; FONT-SIZE: 12pt">除了在这里留言外，您还可以给我电话和邮件哦~ </SPAN></TD></TR>
<TR>
<TD height=60 width=420><IMG style="MARGIN-LEFT: 20px; MARGIN-RIGHT: 3px" src="http://z.hersp.com/dat/2011/12/30/04/57/59745.gif" width=16 height=13> <SPAN style="COLOR: #ff0000; FONT-SIZE: 12pt">提醒各位网友，本人反对那种为了增加访问流量，登陆之后到处粘贴留言和评论的做法！~ </SPAN></TD></TR>
<TR>
<TD height=60 width=420><IMG style="MARGIN-LEFT: 20px; MARGIN-RIGHT: 3px" src="http://z.hersp.com/dat/2011/12/30/04/57/59745.gif" width=16 height=13> <SPAN style="COLOR: #ff0000; FONT-SIZE: 12pt">欢迎来访！欢迎实名留言和评论！如果是家长，请注明宝宝姓名和所在班级，以便于回应，谢谢~  </SPAN></TD></TR>
<TR>
<TD height=60 width=420><IMG style="MARGIN-LEFT: 20px; MARGIN-RIGHT: 3px" src="http://z.hersp.com/dat/2011/12/30/04/57/59745.gif" width=16 height=13> <SPAN style="COLOR: #ff0000; FONT-SIZE: 12pt">为保持版面整洁，我会不定期整理和删除部分留言和评论，希望您能理解~  </SPAN></TD></TR></TBODY></TABLE>
<SCRIPT type=text/javascript>
  marqueesHeight=60;
  stopscroll=false;
  with(rollmovie){
    style.width=0;
    style.height=marqueesHeight;
    style.overflowX="visible";
    style.overflowY="hidden";
    noWrap=true;
    onmouseover=new Function("stopscroll=true");
    onmouseout=new Function("stopscroll=false");
  }
  preTop=0;
  currentTop=marqueesHeight;
  stoptime=0;
  rollmovie.innerHTML+=rollmovie.innerHTML;

  function init_srolltext(){
    rollmovie.scrollTop=0;
    setInterval("scrollUp()",1);
  }

  init_srolltext();

  function scrollUp(){
    if(stopscroll==true) return;
    currentTop+=1;
    if(currentTop==marqueesHeight+1){
      stoptime+=1;
      currentTop-=1;
      if(stoptime==500){
        currentTop=0;
        stoptime=0;
      }
    }
    else {
      preTop=rollmovie.scrollTop;
      rollmovie.scrollTop+=1;
      if(preTop==rollmovie.scrollTop){
        rollmovie.scrollTop=marqueesHeight;
        rollmovie.scrollTop+=1;
      }
    }
  }
  init_srolltext();
</SCRIPT>
</DIV>
</UL></DIV>
</DIV>
</DIV>