|
• Des SCRIPTS gratuits, expliqués et personnalisables. |
Cliquez sur "download" pour télécharger le kit nécessaire
Compatible IE et NS (v4.75: oui; v6: rien ne s'affiche, mais sans erreur).
Personnalisable: texte, police, taille et couleur des caractères, couleur du fond, importance du rebond, délai d'enchaînement.
|
|
1/ Ajouter entre les balises <HEAD> et </HEAD>:
<SCRIPT LANGUAGE="Javascript1.2">
<!--
//Copyright Frank Milard - http://www.asaisir.com/a-la-page
banTXT = new Array(
//Votre texte ici !
"KITWEB est fait pour vous ..."
)
banWait = 30;
banPeriode = 65;
banAmplitude = 350;
// -->
</SCRIPT>
<SCRIPT LANGUAGE="Javascript">
<!-- Script banniere Partie 2
NS4 = IE4 = VERSION4 = 0;
function banInit () {
if (VERSION4) {
if (NS4) {
banObj = document.banN1;
banObj = banObj.document.banN2;
banObj = banObj.document.banN3;
}
if (IE4) banObj = document.all.banN3;
banCount = 0;
banChangeString (0);
banSynchro = -banWait;
banTimer = setInterval("banScroll()",50);
}
}
// -->
</SCRIPT>
<SCRIPT LANGUAGE="Javascript1.2">
<!-- Script banniere Partie 3
NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
VERSION4 = (NS4|IE4) ? 1 : 0;
// Recharger la page en cas de redimensionnement (NS4 uniquement)
if(NS4){oW=innerWidth;oH=innerHeight;onresize=function(){if(innerWidth!=oW||innerHeight!=oH)location.reload()}}
function banChangeString () {
banWrite ('<ul><div class=banA>'+ banTXT[banCount]+'</DIV></ul>');
if (NS4) {
banXpos = banObj.left = 0;
banYpos = banObj.top = 0;
}
if (IE4) {
banXpos = banObj.style.left = 0;
banYpos = banObj.style.top = 5;
}
if (++banCount >= banTXT.length) banCount=0 ;
}
function banWrite (str) {
if (NS4) {
with (banObj.document) {
write(str);
close();
}
}
if (IE4) banObj.innerHTML = str;
}
function banScroll () {
var dec;
if (++banSynchro == 0) banChangeString ();
if (banSynchro >= 0) dec=Math.abs(banAmplitude*(-banSynchro/banPeriode+1)*Math.cos(banSynchro*2.5*3.1416/banPeriode));
else {
if (banSynchro >= -10) dec=-50*banSynchro-500;
else dec=0;
}
if (banSynchro > banPeriode) banSynchro= -banWait;
if (NS4) {
banObj.left = banXpos+dec;
banObj.top = banYpos;
}
if (IE4) banObj.style.left = banXpos+dec;
}
// -->
</SCRIPT>
<STYLE TYPE='text/css'>
<!--
#banN1 {
position: relative;
z-index: 100;
width: 450px;
height: 35px;
clip:rect (0px,440px,35px,10px);
}
#banN2 {
position:absolute;
z-index: 200;
width: 450px;
height: 35px;
clip:rect (0px,440px,35px,10px);
}
#banN3 {
position:absolute;
z-index: 300;
width: 450px;
height: 35px;
text-align: left;
}
DIV.banA {
color: yellow;
font-family: Arial,Helvetica;
font-style: Normal;
font-weight: Bold;
font-size: 20px;
line-height: 23px;
}
-->
</STYLE>
2/ Ajouter dans le document, à l'endroit où l'effet devra apparaître:
<TABLE CELLSPACING="0" CELLPADDING="0" BORDER=0 WIDTH="450" HEIGHT="35" BGCOLOR="green">
<TR VALIGN="Top">
<TD>
<DIV ID="banN1">
<DIV ID="banN2">
<DIV ID="banN3">
</DIV>
</DIV>
</DIV>
</TD>
</TR>
</TABLE>
Les couleurs (caractères et fond du tableau accueillant l'effet) seront exprimées comme suit: white, black, green, yellow, blue, red, pink, darkblue, navy etc
3 Ajouter dans la balise body elle-même:
<BODY onLoad="banInit( )">