欢迎来到福编程网,本站提供各种互联网专业知识!

Google韩国首页图标动画效果

发布时间:2007-08-26 作者: 来源:转载
一个蛮漂亮的动画效果。是Google韩国首页上的。原版:测试效果window.onload=function(){vartt=document.getElementsByTagName('table')[0];varcs=tt.rows[1].cells,ct=tt.rows[0].cells;for(vari=0;iwindow.onload=function(){vartt=document.getElementsB
一个蛮漂亮的动画效果。是Google韩国首页上的。


原版:

"http://www.w3.org/TR/html4/loose.dtd">



测试效果




window.onload=function(){
vartt=document.getElementsByTagName('table')[0];
varcs=tt.rows[1].cells,ct=tt.rows[0].cells;
for(vari=0;icssAni(cs[i],ct[i],7);
}
functioncssAni(osrc,otarget,num,duration){
vart=null,c=1,d=0,n=0,i=Math.floor((duration||300)/num);
vars=otarget.className.replace(/.$/,''),r=/over/;
osrc.onmouseover=osrc.onmouseout=function(e){
n=r.test((e||event).type)?1:-1;
if(!t)t=setInterval(function(){
if((c==1||c==num)&&((d==n||c+n<1)||!(d=n)))
returnclearInterval(t),t=null;
otarget.className=s+(c+=d);
},i);
};
}






















A B C D E F G


DIV版

"http://www.w3.org/TR/html4/loose.dtd">



无标题文档



window.onload=function(){
vartt=document.getElementsByTagName('div')[0];
varcs=tt.getElementsByTagName('label'),ct=tt.getElementsByTagName('p');

for(vari=0;icssAni(ct[i],cs[i],7);
}
functioncssAni(osrc,otarget,num,duration){
vart=null,c=1,d=0,n=0,i=Math.floor((duration||300)/num);
vars=otarget.className.replace(/.$/,''),r=/over/;
osrc.onmouseover=osrc.onmouseout=function(e){
n=r.test((e||event).type)?1:-1;
if(!t)t=setInterval(function(){
if((c==1||c==num)&&((d==n||c+n<1)||!(d=n)))
returnclearInterval(t),t=null;
otarget.className=s+(c+=d);
},i);
};
}




A

B

C

D

E

F

G




相关推荐