以下代码与 Chrome 和 Firefox(使用“transitionend”)不一致。功能slogan_fade_next
只是console.log('end');
. 我总是将类名应用到第一个 span 元素,但是当我单击刷新按钮、重新加载或其他任何内容时,之后的任何内容都会发生意外。
slogan-fadein
应用到的类slogan[]
将元素的不透明度从零更改为一,但回调函数fade_setup
不会被一致地调用。
function fade_setup(){
var el = document.getElementsByClassName('slogan')[0];
el = el.getElementsByTagName('span');
for(var i=0;el[i];i++){
el[i].addEventListener('webkitTransitionEnd',slogan_fade_next,false);
}
el[0].className='slogan-fadein';
}
document.addEventListener('DOMContentLoaded', fade_setup);