下面整个页面的代码~
<!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">
A {
COLOR: #fff; TEXT-DECORATION: none
}
A:hover {
COLOR: #fff; TEXT-DECORATION: underline
}
.fpic {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 3;  BORDER-BOTTOM-WIDTH: 0px; WIDTH: 853px; POSITION: relative; HEIGHT: 376px; BORDER-RIGHT-WIDTH: 0px;BORDER: #0099CC 1px solid; /*最外围*/
text-align:center
}
.bpic {
FLOAT: left; MARGIN: 0px; WIDTH: 244px; POSITION: relative; HEIGHT: 243px
}
#focpic {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; LEFT: 1px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; TOP: 1px; BORDER-RIGHT-WIDTH: 0px
}
.thubpic {
PADDING-RIGHT: 2px; PADDING-LEFT: 0px; Z-INDEX: 20; PADDING-BOTTOM: 0px; WIDTH: 63px; CURSOR: pointer; PADDING-TOP: 0px; TOP: 10px; HEIGHT: 49px
}
.thubpiccur {
PADDING-RIGHT: 2px; PADDING-LEFT: 0px; Z-INDEX: 20; PADDING-BOTTOM: 0px; WIDTH: 63px; CURSOR: pointer; PADDING-TOP: 0px; TOP: 10px; HEIGHT: 49px
}
.thubpiccur {
Z-INDEX: 30; background-color:#0066CC no-repeat left 50%
}
.thubpic IMG {
BORDER-RIGHT: #0099CC 3px solid; BORDER-TOP: #0099CC 2px solid; BORDER-LEFT: #0099CC 3px solid; WIDTH: 56px; BORDER-BOTTOM: #0099CC 2px solid; HEIGHT: 42px
}
.thubpiccur IMG {
BORDER-RIGHT: #0099CC 3px solid; BORDER-TOP: #0099CC 2px solid; BORDER-LEFT: #0099CC 3px solid; WIDTH: 56px; BORDER-BOTTOM: #0099CC 2px solid; HEIGHT: 42px
}
.thubpiccur IMG {
BORDER-LEFT-COLOR: #0099CC; BORDER-BOTTOM-COLOR: #0099CC; BORDER-TOP-COLOR: #0099CC; BORDER-RIGHT-COLOR: #0099CC;
}
--> 
</style><SCRIPT language=javascript>
//all by www.qpsh.com
var currslid = 0;
var slidint;
function setfoc(id){
document.getElementById("focpic").src = picarry[id];
document.getElementById("foclnk").href = lnkarry[id];
document.getElementById("fttltxt").innerHTML = '<a href="'+lnkarry[id]+'" target="_blank">'+ttlarry[id]+'</a>';
currslid = id;
for(i=0;i<6;i++){
document.getElementById("tmb"+i).className = "thubpic";
};
document.getElementById("tmb"+id).className ="thubpiccur";
focpic.style.visibility = "hidden";
focpic.filters[0].Apply();
if (focpic.style.visibility == "visible") {
focpic.style.visibility = "hidden";
focpic.filters.revealTrans.transition=23;
}
else {
focpic.style.visibility = "visible";
focpic.filters[0].transition=23;
}
focpic.filters[0].Play();
stopit();
}function playnext(){
if(currslid==5){
currslid = 0;
}
else{
currslid++;
};
setfoc(currslid);
playit();
}
function playit(){
slidint = setTimeout(playnext,4500);
}
function stopit(){
clearTimeout(slidint);
}
window.onload = function(){
playit();
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</SCRIPT>
</head><body>
<DIV class=fpic>
<A id=foclnk href="#" target=_blank><IMG src="pic/5-1.jpg" alt="" name="focpic" width=776 height=373 id=focpic style="FILTER: RevealTrans ( duration = 1,transition=23 ); VISIBILITY: visible; POSITION: absolute"></A> <!--大图尺寸-->
<DIV id=fttltxt 
style="MARGIN-TOP: 305px; FLOAT: left; WIDTH: 400px; TEXT-ALIGN: center"><A 
href="#" target=_blank>梦:牧场小屋</A></DIV>
<DIV class="thubpiccur" style="MARGIN-LEFT: 778px; WIDTH: 65px"><!--大图与缩略图的距离-->
<div class="thubpiccur" id="show" style="overflow:hidden;height:373px;">
<DIV class=thubpiccur id=tmb0 onmouseover=setfoc(0); onmouseout=playit();><A 
href="#" target=_blank><IMG 
src="pic/5-1.jpg" alt="" width=56 height=42 border="0"></A></DIV>
<DIV class=thubpic id=tmb1 onmouseover=setfoc(1); onmouseout=playit();><A 
href="#" target=_blank><IMG height=45 alt="" 
src="pic/5-2.jpg" width=56></A></DIV>
<DIV class=thubpic id=tmb2 onmouseover=setfoc(2); onmouseout=playit();><A 
href="#" target=_blank><IMG height=45 alt="" 
src="pic/5-3.jpg" width=56></A></DIV>
<DIV class=thubpic id=tmb3 onmouseover=setfoc(3); onmouseout=playit();><A 
href="#" target=_blank><IMG height=45 alt="" 
src="pic/5-4.jpg" width=56></A></DIV>
<DIV class=thubpic id=tmb4 onmouseover=setfoc(4); onmouseout=playit();><A 
href="#" target=_blank><IMG height=45 alt="" 
src="pic/5-5.jpg" width=56></A></DIV>
<DIV class=thubpic id=tmb5 onmouseover=setfoc(5); onmouseout=playit();><A 
href="#" target=_blank><IMG height=45 alt="" 
src="pic/5-6.jpg" width=56></A></DIV>
<DIV class=thubpic id=tmb6 onmouseover=setfoc(6); onmouseout=playit();><A 
href="#" target=_blank><IMG height=45 alt="" 
src="pic/5-7.jpg" width=56></A></DIV>
</div>   <!--改图片名称tmb5 setfoc()递进-->
 <script>   
 function startmarquee(lh,speed,delay){    
     var t;    
     var oHeight = 300; /**//** div的高度 **/  
   var p=false;   
    var o=document.getElementById("show");    
   var preTop = 0;   
    o.scrollTop = 0;    
    function start(){    
        t=setInterval(scrolling,speed);    
        o.scrollTop += 1;    
    }    
    function scrolling(){    
        if(o.scrollTop%lh!=0 && o.scrollTop%(o.scrollHeight-oHeight-1)!=0){   
            preTop = o.scrollTop;   
            o.scrollTop+=1;   
            if(preTop >= o.scrollHeight || preTop==o.scrollTop){   
                o.scrollTop = 0;   
            }   
        }else{   
            clearInterval(t);    
            setTimeout(start,delay);    
        }   
    }    
    setTimeout(start,delay);    
}    
startmarquee(20,20,1500);    
/**//**startmarquee(一次滚动高度,速度,停留时间);**/    
</script> <SCRIPT language=javascript type=text/javascript>
var picarry = {};
var lnkarry = {};
var ttlarry = {};
picarry[0] = "pic/5-1.jpg";
lnkarry[0]  = "#";
ttlarry[0] = "梦:牧场小屋";
picarry[1] = "pic/5-2.jpg";
lnkarry[1]  = "#";
ttlarry[1] = "碎玉:回眸";
picarry[2] = "pic/5-3.jpg";
lnkarry[2]  = "#";
ttlarry[2] = "飞狐:豆花档";
picarry[3] = "pic/5-4.jpg";
lnkarry[3]  = "#";
ttlarry[3] = "牛说不哭:烈日下的建筑工人";
picarry[4] = "pic/5-5.jpg";
lnkarry[4]  = "#";
ttlarry[4] = "新疆瓦格:哈萨克族搭建毡房";
picarry[5] = "pic/5-6.jpg";
lnkarry[5]  = "#";
ttlarry[5] = "wuxiaoxuanQQ78640946";
picarry[6] = "pic/5-7.jpg";
lnkarry[6]  = "#";
ttlarry[6] = "wuxiaoxuanQQ78640946";</SCRIPT>
</DIV></DIV>
</body>
</html>