Letras
Ejemplo:
Código:
R
A
s
D
* Inserta entre <head> y </head> <script language="JavaScript"> function letras() { right_box1(); } function hideit() { document.box1.visibility="hide" document.box2.visibility="hide" document.box3.visibility="hide" document.box4.visibility="hide" document.box5.visibility="hide" document.box6.visibility="hide" document.box7.visibility="hide" document.box8.visibility="hide" } function showit() { document.box1.visibility="show" document.box2.visibility="show" document.box3.visibility="show" document.box4.visibility="show" document.box5.visibility="show" document.box6.visibility="show" document.box7.visibility="show" document.box8.visibility="show" } function right_box1() { move1(); if (document.box1.left<150) setTimeout("right_box1()",10); if (document.box1.left>=150) setTimeout("down_box1()",5); } function down_box1() { move2(); if (document.box1.top<230) setTimeout("down_box1()",5); if (document.box1.top>=230) setTimeout("left_box1()",10); } function left_box1() { move3(); if (document.box1.left>150) setTimeout("left_box1()",10); if (document.box1.left<=150) setTimeout("up_box1()",5); } function up_box1() { move4(); if (document.box1.top>120) setTimeout("up_box1()",5); if (document.box1.top<=120) setTimeout("right_box1()",10); } function move1() { document.box1.offset(10,2) document.box2.offset(5,1) document.box3.offset(-10,2) document.box4.offset(-5,1) document.box5.offset(10,-2) document.box6.offset(5,-1) document.box7.offset(-10,-2) document.box8.offset(-5,-1) } function move2() { document.box1.offset(6,6) document.box2.offset(6,7) document.box3.offset(-6,6) document.box4.offset(-6,7) document.box5.offset(6,-6) document.box6.offset(6,-7) document.box7.offset(-6,-6) document.box8.offset(-6,-7) } function move3() { document.box1.offset(-10,-2) document.box2.offset(-5,-1) document.box3.offset(10,-2) document.box4.offset(5,-1) document.box5.offset(-10,2) document.box6.offset(-5,1) document.box7.offset(10,2) document.box8.offset(5,1) } function move4() { document.box1.offset(-6,-6) document.box2.offset(-6,-7) document.box3.offset(6,-6) document.box4.offset(6,-7) document.box5.offset(-6,6) document.box6.offset(-6,7) document.box7.offset(6,6) document.box8.offset(6,7) } </script> * la etiqueta <body>, cambiala por: <body onLoad="letras()"> * entre las etiquetas <body> y </body> inserta: <div id="box1" style="position:absolute; visibility:show; left:240px; top:170px; z-index:1"> <p>R </p> </div><div id="box2" style="position:absolute; visibility:show; left:240px; top:170px; z-index:1"> <p>A </p> </div><div id="box3" style="position:absolute; visibility:show; left:240px; top:170px; z-index:1"> <p>s </p> </div><div id="box4" style="position:absolute; visibility:show; left:240px; top:170px; z-index:1"> <p>D </p> </div><div id="box5" style="position:absolute; visibility:show; left:240px; top:170px; z-index:1"> <p>R </p> </div><div id="box6" style="position:absolute; visibility:show; left:240px; top:170px; z-index:1"> <p>A </p> </div><div id="box7" style="position:absolute; visibility:show; left:240px; top:170px; z-index:1"> <p>s </p> </div><div id="box8" style="position:absolute; visibility:show; left:240px; top:170px; z-index:1"> <p>D </p> </div><div id="hideall" style="position:absolute; visibility:show; left:250px; top:120px; z-index:1"></div><div id="showall" style="position:absolute; visibility:show; left:250px; top:120px; z-index:1"></div>
