JS动态广告浏览

  <script language="JavaScript">
  function addEventSimple(obj,evt,fn){
      if(obj.addEventListener){
          obj.addEventListener(evt,fn,false);
      }else if(obj.attachEvent){
          obj.attachEvent('on'+evt,fn);
      }
  }
  
  addEventSimple(window,'load',initScrolling);
  
  var scrollingBox;
  var scrollingInterval;
  var reachedBottom=false;
  var bottom;
  
  function initScrolling(){
      scrollingBox = document.getElementById('xst');
      scrollingBox.style.overflow = "hidden";
      scrollingInterval = setInterval("scrolling()",50);
      scrollingBox.onmouseover = over;
      scrollingBox.onmouseout = out; 
  }
  function scrolling(){
      var origin = scrollingBox.scrollTop++;
      if(origin == scrollingBox.scrollTop){
          if(!reachedBottom){
              scrollingBox.innerHTML+=scrollingBox.innerHTML;
              reachedBottom=true;
              bottom=origin;
          }else{
              scrollingBox.scrollTop=bottom;
          }
      }
  }
  
  function over(){
      clearInterval(scrollingInterval);
  }
  function out(){
      scrollingInterval = setInterval("scrolling()",50);
  }
  
  </script>

          <div id="ibanner">
  <div id="ibanner_pic">
  <a href=""><img src="Images/xyfg.jpg" alt="" /></a>
  <a href=""><img src="Images/xyfg2.jpg" alt="" /></a>
  <a href=""><img src="Images/xyfg3.jpg" alt="" /></a>
  <a href=""><img src="Images/xyfg4.jpg" alt="" /></a>
  <a href=""><img src="Images/xyfg5.jpg" alt="" /></a>
  </div>
  </div>

  /*Slide*/
  * { margin:0; padding:0; }
  body{font:12px/1.6em Helvetica,Arial,sans-serif; background-color: #EEEEEE}
  h1, h2, h3, h4, h5, h6 { font-size:1em; }
  a { color:#0287CA; text-decoration:none; }
  a:hover { text-decoration:underline; }
  ul, li { list-style:none; }
  fieldset, img { border:none; }
  legend { display:none; }
  em, strong, cite, th { font-style:normal; font-weight:normal; }
  input, textarea, select, button { font:12px Helvetica, Arial, sans-serif; }
  table { border-collapse:collapse; }
  html { overflow:-moz-scrollbars-vertical; } 
  #ibanner { position:relative; 240px; height:160px; overflow:hidden; margin-left:20px; margin-top:20px; }
  #ibanner_pic {}
  #ibanner_pic a { position:absolute; top:0; display:block; 650px; height:250px; overflow:hidden; }
  #ibanner_btn { position:absolute; z-index:9999; right:5px; bottom:5px; font-weight:700; font-family:Arial; }
  #ibanner_btn span { display:block; float:left; margin-left:4px; padding:0 5px; background:#000; cursor:pointer; }
  #ibanner_btn .normal { height:20px; margin-top:8px; border:1px solid #999; color:#999; font-size:16px; line-height:20px; }
  #ibanner_btn .current { height:28px; border:1px solid #FF5300; color:#FF5300; font-size:28px; line-height:28px; }
  /*Slide*/