IE6,IE7,火狐 局部滚屏兼容的问题 能解决IE6,7就可以了

Question

能解决IE6,7就可以了
IE6正常IE7就不显示 火狐不正常  
 <div style="height: 100%">
                        <marquee id="sys_bulletin" onmouseover="this.stop()" onmouseout="this.start();" scrollamount="2"
                            direction="up" behavior="scroll" loop="0" width="100%" height="300px" runat="server">

                             <uc1:MessageShowNoTitle ID="MessageShowNoTitle1" runat="server" />
                         </marquee>
                    </div>
IE7正常 IE6不滚动 
     <div id="andyscroll">
                        <div id="scrollmessage">
                            <uc1:MessageShowNoTitle ID="MessageShowNoTitle1" runat="server" />
                        </div>
                    </div>                    <script type="text/javascript">
<!--
var stopscroll = false;
var scrollElem = document.getElementById("andyscroll");
var marqueesHeight = scrollElem.style.height;
scrollElem.onmouseover = new Function('stopscroll = true');
scrollElem.onmouseout  = new Function('stopscroll = false');
var preTop = 0;
var currentTop = 0;
var stoptime = 0;
var leftElem = document.getElementById("scrollmessage"); 
scrollElem.appendChild(leftElem.cloneNode(true));
init_srolltext();function init_srolltext(){
    scrollElem.scrollTop = 0;
    setInterval('scrollUp()', 25);//的面的这个参数25, 是确定滚动速度的, 数值越小, 速度越快
}
function scrollUp(){
    if(stopscroll) return;
    currentTop += 1; //设为1, 可以实现间歇式的滚动; 设为2, 则是连续滚动
   if(currentTop ==300) 
    {//滚动的高度
        stoptime += 1;
        currentTop -= 1;
        if(stoptime == 300)
        {
          currentTop = 0;
            stoptime = 0;
        }
    }
    else
       {
        preTop = scrollElem.scrollTop;
        scrollElem.scrollTop += 1;
        if(preTop == scrollElem.scrollTop){
            scrollElem.scrollTop =0;
            scrollElem.scrollTop += 1;
        }
    }
}!-->

Answer 1

参考下这个吧:经过测试可运行的
 <div id="scroll_div"style="overflow: hidden;width:200px; height:110px; margin:0px; padding:0px;">
              <div id="scroll_begin">
    <asp:DataList id="DataList1" ShowHeader="False" ShowFooter="False" RepeatDirection="Horizontal" RepeatColumns="3" runat="server"  >
                <ItemTemplate>
                    <table border="0" cellpadding="0" cellspacing="0" >
                        <tr>
                            <td style="height: 40px" align="left">
                                <table align="left" border="0" cellpadding="0" cellspacing="0" width="50">
                                    <tr>
                                        <td >
                                            昵称：
                                       </a></td><td bgcolor=#9fe09f>
                                           <a href='<%# Eval("au_fname")%>' target="_blank"><%# DataBinder.Eval(Container.DataItem,"au_fname")%></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        
                                    </tr>
                                   
                                    
                                </table>
                            </td>
                        </tr>
                    </table>
                </ItemTemplate>
            </asp:DataList>
            </div>
            <div id="scroll_end"></div>
    </div>
    </form>
    <script language="javascript" type="text/javascript">
            var scroll_end = document.getElementById("scroll_end");
            var scroll_begin=document.getElementById("scroll_begin");
            var speed=20
            scroll_end.innerHTML=scroll_begin.innerHTML
            function Marquee()
            {
                    if(scroll_end.offsetHeight-scroll_div.scrollTop<=0)
                    {
                        scroll_div.scrollTop-=scroll_begin.offsetHeight
                         scrollToppx();
                    }
                    else
                    {
                        scroll_div.scrollTop++;
                        scrollToppx();
                    }
                    
                   
            }
            function scrollToppx()
            {
                if((scroll_div.scrollTop%40)==0)
                {
                    Pause();
                }
                else if(scroll_div.scrollTop==0)
                {
                    Pause();
                }
                
                
            }
            var MyMar=setInterval(Marquee,speed)
//            scroll_div.onmouseover=function() 
//            {
//                clearInterval(MyMar)
//                    //Pause();
//                    
//            }
//            scroll_div.onmouseout= function() 
//            {
//               MyMar=setInterval(Marquee,speed)
//               //Start();
//            }
            function Pause()
            {
                    clearInterval(MyMar);
                    MyMar=null;
                    //scroll_div.scrollTop+=1;
                    setTimeout("Start();",1500);
                   
            }
            function Start()
            {
                 MyMar=setInterval(Marquee,speed)
            }
            function TimeClear()
            {
                var MyMar=null;
                clearInterval();
                MyMar=setInterval(Marquee,speed);
            }
</script>

Answer 2

那个代码肯定是局部的不全，一个是marquee一个是JS做的，可是两个都不行

Answer 3

在服务端判断浏览器的版本，IE6就在生成页面时使用第一个方案，IE7就在生成页面时用第二个方案

Answer 4

Dionix 
Dionix 
等 级：
 发表于：2008-02-02 16:43:304楼 得分:0 
在服务端判断浏览器的版本，IE6就在生成页面时使用第一个方案，IE7就在生成页面时用第二个方案 
 
==============================================
up