Javascript 如何在淡入淡出的图片中使新闻标签平滑滚动

Javascript 如何在淡入淡出的图片中使新闻标签平滑滚动,javascript,Javascript,在网站上,有一个带有淡入淡出的图片的幻灯片,底部有一个水平滚动的新闻标签。两者都使用javascript设置动画。 让我感到不安的是,在有史以来图片淡入淡出的一开始,新闻行情器会停止滚动一小会儿。这似乎在很大程度上取决于浏览器可用的资源 如何使这两个脚本顺利运行 这是用于使图片褪色的代码: this.b_slidenow = function(){ var check1,maxalpha,curralpha; check1=ptofade.style.MozOpacity;

在网站上,有一个带有淡入淡出的图片的幻灯片,底部有一个水平滚动的新闻标签。两者都使用javascript设置动画。 让我感到不安的是,在有史以来图片淡入淡出的一开始,新闻行情器会停止滚动一小会儿。这似乎在很大程度上取决于浏览器可用的资源

如何使这两个脚本顺利运行

这是用于使图片褪色的代码:

this.b_slidenow = function(){
    var check1,maxalpha,curralpha;
    check1=ptofade.style.MozOpacity;
    maxalpha=(100-factor*u)/100*105;
    if(check1<=maxalpha/100){u=u+1;}
    curralpha=100-factor*u;
    ptofade.style.filter="Alpha(Opacity="+curralpha+")";
    ptofade.style.MozOpacity=curralpha/100;
    ptofade.style.opacity=curralpha/100;
    if(u<steps){ //slide not finished
        if(stopit=="0"){mytimeout=setTimeout(function(){self.b_slidenow();},ftim);}
        else {this.b_slide();}
    }
    else{ //slide finished
        if(startim<emax){
            ptofade.style.visibility="hidden";
            ptofade.style.zIndex=1;
            pnext.style.zIndex=2;
            startim=startim+1;u=0;
            mytimeout=setTimeout(function(){self.b_slide();},stim);
        }
        else{
            ptofade.style.visibility="hidden";
            ptofade.style.zIndex=1;
            pnext.style.zIndex=2;
            startim=1;u=0;
            mytimeout=setTimeout(function(){self.b_slide();},stim);
        }
    }
}
this.b_slidenow=function(){
var check1、maxalpha、curralpha;
check1=ptofead.style.MozOpacity;
最大α=(100因子*u)/100*105;

如果(检查1)发布一些代码,我们中的大多数人都不是算命师。我对javascript不太熟悉,不知道这是否有任何性能问题,但您可以尝试使用jQuery试试,看看它是否能顺利工作。
function TICKER_tick() {
    if(!TICKER_PAUSED) document.getElementById(ticker).scrollLeft += TICKER_SPEED * (TICKER_RIGHTTOLEFT ? -1 : 1);
    if(TICKER_RIGHTTOLEFT && document.getElementById(ticker).scrollLeft <= 0) document.getElementById(ticker).scrollLeft = document.getElementById(ticker).scrollWidth - document.getElementById(ticker).offsetWidth;
    if(!TICKER_RIGHTTOLEFT && document.getElementById(ticker).scrollLeft >= document.getElementById(ticker).scrollWidth - document.getElementById(ticker).offsetWidth) document.getElementById(ticker).scrollLeft = 0;
    window.setTimeout("TICKER_tick()", 20);
}