Ce programme JavaScript vous permettra d’avoir un fond d’écran de type texte et déroulant de bas en haut. Il est compatible IE (version 4 et +) et Nescape (version 4.X et 6).
Programmation > JavaScript
Recherche :   
Actualité Système Salon Concours Outils Programmation Devparadise Programmation HTML .Net JavaScript VBScript ASP PHP Visual Basic Perl Java Active X SQL XML WAP Delphi Graphisme Flash Web Design Promotion Référencement Publicité Valeur de votre site Outils Systèmes Windows Unix Linux Benchmark Hardware Réseaux locaux Droit Sécurité
Scroll déroulant en JavaScript
  Auteur : Fabrice TABARY

Ce programme JavaScript vous permettra d’avoir un fond d’écran de type texte et déroulant de bas en haut. Il est compatible IE (version 4 et +) et Nescape (version 4.X et 6).

Publicité 
Voici le code source :

<HTML>
<HEAD>
<TITLE>Fond d'Ecran Dynamique</TITLE>
<STYLE>
.format {
position: absolute;
font-family:Verdana;
color:CCCC00;
font-size:70px;
letter-spacing:2;
top:550;
left:50;
}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var bas_de_page=550;      // Position en bas de fenetre
var Hauteur=250;         //Hauteur du div   
var pos_x=50;            //Position du div (horizontal)
var pos_y=bas_de_page;    //Position du div (vertical)
var MonObjet;

function GetObject(ID) {
   if (document.getElementById) {
      return document.getElementById(ID);
   }
   if (document.layers) {
      return eval('document.'+ID);
   }
   if (document.all) {
      return eval('document.all.'+ID);
   }
}

function MoveTo(MyObject, x, y) {   // Déplacement du DIV
   if (document.getElementById||document.all) {
      MyObject.style.left = x + "px";
      MyObject.style.top = y + "px";
      return;
   }
   if (document.layers) MyObject.moveTo(x, y);
}

function InitObjet(ID) {            //Initialisation du DIV
   MonObjet = GetObject(ID);
   MoveTo(MonObjet, pos_x, bas_de_page);
   scroll();
}

function scroll() {                  // Défilement du DIV
   if (pos_y > (-1 * Hauteur)) {      //Teste si le DIV est complètement sorti
      pos_y--;
      MoveTo(MonObjet, pos_x, pos_y)
   }
   else {
      pos_y=bas_de_page;
      MoveTo(MonObjet, pos_x, pos_y)
   }
   var timer = setTimeout('scroll();',20);
}
//-->
</SCRIPT>
<BODY onLoad="InitObjet('Texte_Fond')">
<DIV id="Texte_Fond" class="format">
Texte Déroulant<BR>
en Fond d'Ecran
<B>DevParadise.com</B>
</DIV>
</BODY>
</HTML>

A lire aussi sur Devparadise.com :
  • Ajouter une barre de navigation
  • Boîtes de contenu flottantes
  • Ajuster dynamiquement la taille d'une fenêtre
  • Faire défiler verticalement un contenu dans une boîte en javascript.
  • Roll-over sonore
  • A télécharger aussi sur Devparadise.com :
  • source de l'article "Boîtes de contenu flottantes"
  • Téléchargez gratuitement ASP.NET Web Matrix
  • Bibliothèque javascript pour créer des boîte à contenu défilant
  • WebExpert 5
  • Protéger les images de votre site

  • © 1997-2008 tous droits réservés Devparadise.com
    Les logos, et marques déposées sont la propriété de leurs détenteurs respectifs.
    Devparadise.com s'est engagé à respecter la confidentialité des données personnelles régies par la loi 78-17 du 6 janvier 1978.
    Déclaration C.N.I.L. n° 621623
    javascript,dynamique,deroulant,fond,ecran,scroll