让HTML在DIV中进行幻灯

<style type=text/css>
#divScroller1 {WIDTH: 410px;HEIGHT: 370px; OVERFLOW: hidden; POSITION: absolute; visbility: visible}
.dynPage {POSITION: absolute; TOP: 0px; VISIBILITY: hidden;}
</style>
<script language=JavaScript type=text/javascript>
function lib_bwcheck(){
  this.ver=navigator.appVersion
  this.agent=navigator.userAgent
  this.dom=document.getElementById?1:0
  this.opera5=this.agent.indexOf("Opera 5")>-1
  this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
  this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
  this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
  this.ie=this.ie4||this.ie5||this.ie6
  this.mac=this.agent.indexOf("Mac")>-1
  this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
  this.ns4=(document.layers && !this.dom)?1:0;
  this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
  return this
}
var bw=new lib_bwcheck()
var numScrollPages = 5
var transitionOut = 1;
var transitionIn = 1;
var slideAcceleration = 0.5;

if(document.layers){ //NS4 resize fix...
  scrX= innerWidth; scrY= innerHeight;
  onresize= function(){if(scrX!= innerWidth || scrY!= innerHeight){history.go(0)} }
}
function scrollerobj(obj,nest){
  nest = (!nest)?"":'document.'+nest+'.'
  this.elm = bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):document.getElementById(obj)
  this.css = bw.ns4?this.elm:this.elm.style
  this.doc = bw.ns4?this.elm.document:document
  this.obj = obj+'scrollerobj'; eval(this.obj+'=this')
  this.x = (bw.ns4||bw.opera5)?this.css.left:this.elm.offsetLeft
  this.y = (bw.ns4||bw.opera5)?this.css.top:this.elm.offsetTop
  this.w = (bw.ie4||bw.ie5||bw.ie6||bw.ns6)?this.elm.offsetWidth:bw.ns4?this.elm.clip.width:bw.opera5?this.css.pixelWidth:0
  this.h = (bw.ie4||bw.ie5||bw.ie6||bw.ns6)?this.elm.offsetHeight:bw.ns4?this.elm.clip.height:bw.opera5?this.css.pixelHeight:0
}
//object methods...
scrollerobj.prototype.moveTo = function(x,y){
  if(x!=null){this.x=x; this.css.left=x}
  if(y!=null){this.y=y; this.css.top=y}
}
scrollerobj.prototype.moveBy = function(x,y){this.moveTo(this.x+x,this.y+y)}
scrollerobj.prototype.hideIt = function(){this.css.visibility='hidden'}
scrollerobj.prototype.showIt = function(){this.css.visibility='visible'}

var onlineormyefile = 1;
var activePage = null;
var busy = 0;
function activate(num){
  if (activePage!=pages[num] && !busy){
    busy = 1;
    if (transitionOut==0 || !bw.opacity){ activePage.hideIt(); activateContinue(num); }
    else if (transitionOut==1) activePage.reveal('hidden', 'activateContinue('+num+')');
  }
}
function activateContinue(num){
  busy = 1;
  activePage = pages[num];
  activePage.moveTo(0,0);
  if (transitionIn==0 || !bw.opacity){ activePage.showIt(); busy=0; }
  else if (transitionIn==1) {
    activePage.reveal('visible', 'busy=0');
  }
  else if (transitionIn==4) { activePage.slide(0, slideAcceleration, 40, 'busy=0'); }
  startshow(num)
}

function startshow(num){
  if (num == 1)
    { num = 2; }
  else
    if (num == 2)
      { num = 3; }
    else
      if (num == 3)
        { num = 4; }
      else
        if (num == 4)
          { num = 5; }
    else
     if(num == 5)
      { num = 1;}
  setTimeout('activate('+num+')',2000);
}

scrollerobj.prototype.reveal= function(vis, fn){
  if (bw.ie5||bw.ie6 && !bw.mac) {
    if (vis=='visible') this.css.filter= 'revealTrans(duration=1,transition=23)';
    else this.css.filter= 'blendTrans(duration=1)';
    this.elm.onfilterchange = function(){ eval(fn); };
    if (vis=='visible') this.elm.filters.revealTrans.apply();
    else this.elm.filters.blendTrans.apply();
    this.css.visibility= vis;
    if (vis=='visible') this.elm.filters.revealTrans.play();
    else this.elm.filters.blendTrans.play();
  }
  else if (bw.ns6 || bw.ie&&!bw.mac){
    this.css.visibility= 'visible';
    vis=='visible' ? this.fadeTo(100, 7, 40, fn) : this.fadeTo(0, 9, 40, fn);
  }
  else {
    this.css.visibility= vis;
    eval(fn);
  }
};

var pageslidefadeLoaded = 0;
function initPageSlideFade(){
  scroller1 = new scrollerobj('divScroller1');
 
  pages = new Array();
  pages[0] = null;
  for (var i=1; i<=numScrollPages; i++){
    pages[i] = new scrollerobj('dynPage'+i, 'divScroller1');
    pages[i].moveTo(0,0);
  }
  bw.opacity = ( bw.ie && !bw.ie4 && navigator.userAgent.indexOf('Windows')>-1 ) || bw.ns6
  if (bw.ie5||bw.ie6 && !bw.mac) pages[1].css.filter= 'revealTrans(duration=1,transition=23)'; // Loads the windows 9.x filters module.
  activateContinue(1);

  //if (bw.ie) for(var i=0;i<document.links.length;i++) document.links[i].onfocus=document.links[i].blur;
  pageslidefadeLoaded = 1;
}
if(bw.bw && !pageslidefadeLoaded) onload = initPageSlideFade;
</script>

<div id=divScroller1>
<div class=dynPage id=dynPage1>

 

<table width="200" border="1">
  <tr>
    <td>天气情况;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>水火;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</div>
<div class=dynPage id=dynPage2>

<table width="200" border="1">
  <tr>
    <td>天气情况2;</td>
    <td>好好先生</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>水火;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</div>
<div class=dynPage id=dynPage3>

<img src="yqlj3_145_78.gif" />

</div>

<div class=dynPage id=dynPage4>

html4

</div>

<div class=dynPage id=dynPage5>

html5

</div>

</div>