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