FF 兼容

banner 条上翻转问题，FF下不能实现~~，谢谢上面两位有兴趣的CSDN友们请继续~~

你的翻转存在一些问题，下面是修改过的
至于如何兼容FF我就无能为力了。。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>banner</title>
<style type="text/css">

</style></head><body>
<table width="728"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="989"><div id=icefable1>
        <table width="728"  border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="728" height="60" bgcolor="#0099CC">1</td>
          </tr>
          <tr>
            <td height="60" bgcolor="#00FFCC">2</td>
          </tr>
          <tr>
            <td height="60" bgcolor="#99FF00">3</td>
          </tr>
          <tr>
            <td height="60" bgcolor="#00CCFF">4</td>
          </tr>
          <tr>
            <td height="60" bgcolor="#FF9900">5</td>
          </tr>
          <tr>
            <td height="60" bgcolor="#FFFF33">6</td>
          </tr>
          <tr>
            <td height="60" bgcolor="#0099CC">1</td>
          </tr>        </table>
        <script>
marqueesHeight=60;
stopscroll=false;
with(icefable1){
      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;
  function init_srolltext(){
  icefable1.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==300)
      {
          currentTop=0;
          stoptime=0;
      }
  }
  else {
      preTop=icefable1.scrollTop;
      icefable1.scrollTop+=1;
      if(preTop==icefable1.scrollTop){
        icefable1.scrollTop=marqueesHeight-60;        icefable1.scrollTop+=1;

      }
  }}
init_srolltext();
    </script>
    </div>
    </td>
  </tr></table>
</body>
</html>

在Firefox 3.0下测试正常,另外加一句"楼主代码很乱"....
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>banner</title>
<style type="text/css">

</style></head><body>
<table width="728"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="989">
<div id="icefable1" style="overflow:hidden;width:600px;height:60px;">
        <table width="728"  border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="728" height="60" bgcolor="#0099CC">1</td>
          </tr>
          <tr>
            <td height="60" bgcolor="#00FFCC">2</td>
          </tr>
          <tr>
            <td height="60" bgcolor="#99FF00">3</td>
          </tr>
          <tr>
            <td height="60" bgcolor="#00CCFF">4</td>
          </tr>
          <tr>
            <td height="60" bgcolor="#FF9900">5</td>
          </tr>
          <tr>
            <td height="60" bgcolor="#FFFF33">6</td>
          </tr>
        </table>

    </div>
    </td>
  </tr></table>
<script>
var marqueesHeight=60;
var stopscroll=false;var icefable1=document.getElementById("icefable1");
with(icefable1){
      style.height=marqueesHeight+"px";
      onmouseover=new Function("stopscroll=true");
      onmouseout=new Function("stopscroll=false");
  }
  var preTop=0;
  var currentTop=marqueesHeight;
  var stoptime=0;
  //icefable1.innerHTML+=icefable1.innerHTML;
  function init_srolltext(){
  icefable1.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==300)
      {
          currentTop=0;
          stoptime=0;
      }
  }
  else {
      preTop=icefable1.scrollTop;
      icefable1.scrollTop+=1;
      if(preTop==icefable1.scrollTop){
        icefable1.scrollTop=marqueesHeight;
        icefable1.scrollTop+=1;
      }
  }
}
//init_srolltext();
    </script>
</body>
</html>

http://blog.csdn.net/swandragon/archive/2009/10/17/4690556.aspx

解决方案 »