[Javascript] Défilement vertical auto et avec boutons

Défilement vertical auto et avec boutons [Javascript] - HTML/CSS - Programmation

Marsh Posté le 26-09-2004 à 23:46:43    

Bonjour,
 
Après avoir chercher toute l'après-midi, je m'en remet à vous.
 :(  
J'ai trouvé le moyen de faire défiler verticalement et automatiquement un texte en boucle, mais le problème vient du fait qu'il utilise les balises <marquee> non reconnue par W3.
 
Ensuite, je cherche a faire un deuxième script, identique au premier si ce n'est le fait que c'est lorsque je passe la souris sur un lien qu'il monte ou descend et que le texte se situe dans une iframe.
 
Pourriez-vous m'aider ?

Reply

Marsh Posté le 26-09-2004 à 23:46:43   

Reply

Marsh Posté le 27-09-2004 à 21:18:05    

salut,
j'avais trouvé et utilisé ca il y a quelque temps :  
 
entre les balises <body> et </body>

Code :
  1. <script language="JavaScript1.2">
  2. iens6=document.all||document.getElementById
  3. ns4=document.layers
  4. //specifie la vitesse de defilement (+ c'est grand, + ca va vite)
  5. var speed=5
  6. if (iens6){
  7. document.write('<div id="container" style="position:absolute;width:430;height:160;left:250;top:33;border:0px solid black;overflow:hidden">')
  8. document.write('<div id="content" style="position:absolute;width:380;left:0;top:0">')
  9. }
  10. </script>
  11. <ilayer name="nscontainer" width=382 height=241 clip="0,0,280,200" top="-272" left="249" z-index="5">
  12. <layer name="nscontent" width=383 height=236 visibility=hidden left="0" top="-37">
  13. <!-- ########### Inserer le contenu ici ##############-->
  14. </layer>
  15. </ilayer>
  16. <script language="JavaScript1.2">
  17. if (iens6)
  18. document.write('</div></div>')
  19. </script>
  20. <script language="JavaScript1.2">
  21. if (iens6){
  22. var crossobj=document.getElementById? document.getElementById("content" ) : document.all.content
  23. var contentheight=crossobj.offsetHeight
  24. }
  25. else if (ns4){
  26. var crossobj=document.nscontainer.document.nscontent
  27. var contentheight=crossobj.clip.height
  28. }
  29. function movedown(){
  30. if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
  31. crossobj.style.top=parseInt(crossobj.style.top)-speed
  32. else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
  33. crossobj.top-=speed
  34. movedownvar=setTimeout("movedown()",100)
  35. }
  36. function moveup(){
  37. if (iens6&&parseInt(crossobj.style.top)<=0)
  38. crossobj.style.top=parseInt(crossobj.style.top)+speed
  39. else if (ns4&&crossobj.top<=0)
  40. crossobj.top+=speed
  41. moveupvar=setTimeout("moveup()",100)
  42. }
  43. function getcontent_height(){
  44. if (iens6)
  45. contentheight=crossobj.offsetHeight
  46. else if (ns4)
  47. document.nscontainer.document.nscontent.visibility="show"
  48. }
  49. window.onload=getcontent_height
  50. </script>


 
et toujours entre les balises <body> et </body>, tu ajoutes tes 2 images/curseurs :
 

Code :
  1. <a href="#" onMouseOver="movedown()" onMouseOut="clearTimeout(movedownvar)"><img src="../Images/bas.gif" border=0></a>
  2. <a href="#" onMouseOver="moveup()" onMouseOut="clearTimeout(moveupvar)"><img src="../Images/haut.gif" border=0</a>


 
ouala !  :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed