管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

JS旋转的彩色文字轮转特效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>文字旋转</title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20language%3Djavascript%3E%20%0D%0APhrase%3D%22%E6%88%91%E4%BB%AC%E6%98%AF%E5%85%B1%E5%92%8C%E5%9B%BD%E7%9A%84%E6%8E%A5%E7%8F%AD%E4%BA%BA%E2%80%A6%E2%80%A6%22%20%0D%0ABalises%3D%22%22%20%0D%0ATaille%3D40%3B%20%0D%0AMidx%3D100%3B%20%0D%0ADecal%3D0.5%3B%20%0D%0ANb%3DPhrase.length%3B%20%0D%0Ay%3D-10000%3B%20%0D%0Afor%20(x%3D0%3Bx%3CNb%3Bx%2B%2B)%7B%20%0D%0ABalises%3DBalises%20%2B%20'%3CDIV%20Id%3DL'%20%2B%20x%20%2B%20'%20STYLE%3D%22width%3A3%3Bfont-family%3A%20Courier%20New%3Bfont-weight%3Abold%3Bposition%3Aabsolute%3Btop%3A40%3Bleft%3A50%3Bz-index%3A0%22%3E'%20%2B%20Phrase.charAt(x)%20%2B%20'%3C%2FDIV%3E'%20%0D%0A%7D%20%0D%0Adocument.write%20(Balises)%3B%20%0D%0ATime%3Dwindow.setInterval(%22Alors()%22%2C10)%3B%20%0D%0AAlpha%3D5%3B%20%0D%0AI_Alpha%3D0.05%3B%20%0D%0Afunction%20Alors()%7B%20%0D%0AAlpha%3DAlpha-I_Alpha%3B%20%0D%0Afor%20(x%3D0%3Bx%3CNb%3Bx%2B%2B)%7B%20%0D%0AAlpha1%3DAlpha%2BDecal*x%3B%20%0D%0ACosine%3DMath.cos(Alpha1)%3B%20%0D%0AOb%3Ddocument.all(%22L%22%2Bx)%3B%20%0D%0AOb.style.posLeft%3DMidx%2B100*Math.sin(Alpha1)%2B50%3B%20%0D%0AOb.style.zIndex%3D20*Cosine%3B%20%0D%0AOb.style.fontSize%3DTaille%2B25*Cosine%3B%20%0D%0AOb.style.color%3D%22rgb(%22%2B%20(27%2BCosine*80%2B50)%20%2B%20%22%2C%22%2B%20(127%2BCosine*80%2B50)%20%2B%20%22%2C0)%22%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2FSCRIPT%3E"> 
</head> 
<body> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程