js实现的轮换效果图片+简介同步轮换兼容多浏览器

自己写的一个javascipt实现，用于某网站的辅导员轮显，其中辅导员图片和寄语是同步的，使用innerHTML做了数据与表现的分离，这样更方便从数据库调用数据进行集中初始化。可能SEO稍微的显得不够友好，但同时本段代码也将表现的div减到最少。
没有实现淡入淡出效果，这个有时间我得补补CSS滤镜的课，呵呵，初步的效果就是这样的了
详细的演示地址：http://www.zendstudio.net/libs/js-trun-pictures/
全部的代码如下：

千江有水千江月，万里无云万里天。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
margin:0;
padding:200px 0 0 100px;
font-size:12px;
}
#teacherBox{
position:relative;
width:575px;
height:150px;
background:url(/libs/js-trun-pictures/fdyzx.gif) no-repeat;
}
#teacherTitle{

}
#teacherInfo{
list-style:none;
width:450px;
margin:0;
padding:0;
padding-top:10px;
padding-left:30px;
float:left;
}
#teacherPhoto{
float:left;
display:inline;
margin-right:25px;
}
#teacherInfo dd{
line-height:150%;
}
#teacherContent{
text-indent:2em;
line-height:100%;
}
#faq{
display:inline;
position:absolute;
bottom:10px;
right:130px;
}
#faq a{
color:red;
}
#teacherList{
position:absolute;
list-style:none;
padding:0;
margin:0;
right:0;
top:36px;
width:110px;
height:110px;
overflow-y:auto;
}

#teacherList li{
line-height:160%;
margin-left:5px;
display:block;
cursor:pointer;
color:blue;
font-size:14px;
}
.cur{
font-weight:bold;
}
.cTitle{
font-weight:bold;
line-height:150%;
color:#0a4c7f;
}
-->
</style>
<script type="text/javascript">
var timer=3000;//3秒钟轮换
var ps=new Array();//辅导员照片
var cs=new Array();//辅导员寄语
var tn=new Array();//辅导员姓名
var purl=new Array();//点击照片跳到的url
var icount=0;

//集中初始化数据
ps[0]='/libs/js-trun-pictures/1.jpg';
ps[1]='/libs/js-trun-pictures/2.jpg';
ps[2]='/libs/js-trun-pictures/3.jpg';
tn[0]='易中天';
tn[1]='李敖';
tn[2]='于丹';
cs[0]="content1";
cs[1]='内容2';
cs[2]='到第三个了哦~';
purl[0]='http://www.baidu.com/';
purl[1]='http://www.google.com/';
purl[2]='http://www.zendstudio.net/';

<body>
<div id="teacherBox">
<div id="teacherTitle"><img src="/libs/js-trun-pictures/images/fdyzx_title.gif" alt="管理员在线标题" width="575" height="28" /></div>
<dl id="teacherInfo">
<dt id="teacherPhoto"><a href="#@" target="_blank" title="点击查看该辅导员的详细信息"><img src="/libs/js-trun-pictures/mm.jpg" alt="辅导员风采" width="101" height="103" border=0 /></a></dt>
<dd><strong class="cTitle">辅导员寄语</strong></dd>
<dd id="teacherContent">欢迎光临我的博客哈！</dd>
<dd id="faq"><a href="#">学生问答</a></dd>
</dl>
<ul id="teacherList">
<div class="cTitle">辅导员列表</div>
</ul>
</div>
</body>
</html>