cetplus Wazard dans l'ombre | Finelarme a écrit :
Bonjour,
J'aimerais faire un tableau avec dans la case de gauche un défilement de texte A/B etc, et dans la case de droite un défilement de texte X/Y etc.
Je ne vois pas comment faire, j'ai essayé de modifier mon id "ejs_scroll" en "ejs_scroll2" dans mon deuxième script, mais ça ne change rien.
Vous avez une idée ?
|
Bonjour.
Oui, voici un exemple de script :
Code :
- <html>
- <title>Scroll Text</title>
- <script language="Javascript">
- <!--
- function mov() {
- var t1,t2,ya,yb,va,vb;
- t1=document.getElementById("t1" ).style;
- t2=document.getElementById("t2" ).style;
- ya = t1.top;
- yb = t2.top;
- va = t1.opacity;
- ya = ya.replace("px","" );yb = yb.replace("px","" );
- if(va == 1) {
- if(ya < 10) {
- t1.opacity = 0;t2.opacity = 1;
- t1.top = 180;
- } else {
- t1.top = ya-2;
- }
- } else {
- if(yb < 10) {
- t2.opacity = 0;t1.opacity = 1;
- t2.top = 180;
- } else {
- t2.top = yb-2;
- }
- }
- t3=document.getElementById("t3" ).style;
- t4=document.getElementById("t4" ).style;
- ya = t3.top;
- yb = t4.top;
- va = t3.opacity;
- ya = ya.replace("px","" );yb = yb.replace("px","" );
- if(va == 1) {
- if(ya < 10) {
- t3.opacity = 0;t4.opacity = 1;
- t3.top = 280;
- } else {
- t3.top = ya-2;
- }
- } else {
- if(yb < 10) {
- t4.opacity = 0;t3.opacity = 1;
- t4.top = 280;
- } else {
- t4.top = yb-2;
- }
- }
- setTimeout("mov()", 50);
- }
- //-->
- </script>
- <body bgcolor="cyan" OnLoad="mov();">
- <div id="c1" style="position:absolute;top:2px;left:2px;background:black;width:100;height:200;overflow:hidden;">
- <div id="t1" style="position:absolute;top:20px;left:10px;opacity:1;color:white;">
- <a href="http://korben.info/une-fuite-dadresse-ip-dans-skype.html" style="color:white;">Fuite d'adresse IP dans skype</a>
- <br><i>korben.info</i>
- </div>
- <div id="t2" style="position:absolute;top:180px;left:10px;opacity:0;color:white;">
- <a href="http://lords.of.the.geeks.free.fr/index.php/Annonces/jobs.html" style="color:white;">La mort de Steve Jobs</a>
- <br><i>Lords Of The Geeks</i>
- </div>
- </div>
- <div id="c2" style="position:absolute;top:204px;left:2px;background-Image:url('http://img546.imageshack.us/img546/58/8143978blueseamlesswall.jpg');width:100;height:300;overflow:hidden;">
- <div id="t3" style="position:absolute;top:20px;left:10px;opacity:1;color:white;">
- <a href="http://lords.of.the.geeks.free.fr/images/stories/bouquins/voyage_ombres_p21.jpg" style="color:white;">Voyage aux ombres</a>
- <br><i>BD info</i>
- </div>
- <div id="t4" style="position:absolute;top:280px;left:5px;opacity:0;color:white;">
- <a href="http://danstonchat.com/11358.html" style="color:white;">Noob à la ramasse !</a>
- <br><i>Dans ton chat</i>
- </div>
- </div>
- </body></html>
|
Par contre pour le déplacement horizontale ça risque d'être moche : le texte s'adapte au div.
Fais des expériences avec mon script, c'est plus simple et plus lisible.
@++ Bonne chance ! |