Menu

텍스트 스크롤 효과

2016. 6. 1. 19:04

안개핑 Javascript

 

<html>
<head>

<script type="text/javascript">

<!--

Phrase="세실리아의 삶의향기"

Balises=""

Taille=80;

Midx=120;

Decal=0.5;

Nb=Phrase.length;

y=-10000;

for (x=0;x<Nb;x++){

Balises=Balises + '<DIV Id=L' + x + ' STYLE="width:5;font-family: Courier New;font-weight:bold;position:absolute;top:30;left:50;z-index:0">' + Phrase.charAt(x) + '</DIV>'

}

document.write (Balises);

Time=window.setInterval("Alors()",10);

Alpha=5;

I_Alpha=0.05;

 

function Alors(){

Alpha=Alpha-I_Alpha;

for (x=0;x<Nb;x++){

Alpha1=Alpha+Decal*x;

Cosine=Math.cos(Alpha1);

Ob=document.all("L"+x);

Ob.style.posLeft=Midx+170*Math.sin(Alpha1)+50;

Ob.style.zIndex=20*Cosine;

Ob.style.fontSize=Taille+25*Cosine;

Ob.style.color="rgb("+ (127+Cosine*80+50) + ","+ (127+Cosine*80+50) + ",0)";

}

}

//--></script>

</head>

<body background="script/imge/20.jpg">
<p>&nbsp;</p>
<table border="0">
    <tr>
        <td width="973" height="138">
            <p>&nbsp;</p>
        </td>
    </tr>
</table>

</body>
</html>

'Javascript' 카테고리의 다른 글

자동으로 열리는 새창  (0) 2016.06.01
깜빡이는 이미지  (0) 2016.06.01
그림 싸이즈에 맞는 새창열기  (0) 2016.06.01
상태바 꾸미기  (0) 2016.06.01
상태바 꾸미기 5 타이핑 효과  (0) 2016.06.01