Avoir un bouton
animé (exemple ci-dessous) cliquable, Sympa !!!
A la fin d'une ligne
peut afficher une autre ligne, pour cela corriger le texte en rouge
1ère phrase Rouge si 3 lignes = 3 - 2ème phrase rouge,
dupliquer par autant de lignes
Sur mes Sites Perso
(completer ici à l'étape 2) : class="stHeadLiner
btn newsletter2"
Etape 1: Ajouter dans la balise <BODY> :
<body onLoad="StartHeadliner()"
onUnload="StopHeadliner()">
Etape 2: Ajoutez dans le body à l'endroit du bouton.
<form name="formDisplay">
<center><input class="stHeadLiner" type="button"
name="buttonFace"
onClick="GotoUrl(lines[1].url)"></center>
</form>
Etape 3: Ajouter dans le <HEAD> :
<style>
.stHeadliner {font-family: arial;
font-size: 10pt;
font-weight: bold;
font-style: italic;
background: #15be08;
color: white}
</style>
<script LANGUAGE="Javascript">
<!--
// The Headliner +++ Jan Pijnacker
// Délai en millisecondes pour l'effet grow
growWait=100
// Délai en millisecondes pour l'effet expand
expandWait=100
// Délai en millisecondes pour l'effet défilement (scroll)
scrollWait=500
// Nombre de caractères pour la zone de défilement (scroll)
scrollWidth=200
// Nombre de lignes (utilisez autant de lignes que vous souhaitez)
lineMax=1
lines=new Array(lineMax)
// Définir les lignes (texte, url, effet, temps d'attente)
lines[1]=new Line("Demande d'Infos",
"http://www.ericpomarel.com/softs", Expand, 3500)
///////////////// Ne plus rien modifier //////////////
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
// Define line object
function Line(text, url, type, wait) {
this.text=text
this.url=url
this.Display=type
this.wait=wait
}
// Fill a string with n chars c
function StringFill(c, n) {
s=""
while (--n >= 0) {
s+=c
}
return s
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function Grow() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
TextGrow()
}
function TextGrow() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)
charNo++
timerID=setTimeout("TextGrow()", growWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle
- charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 10)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
(lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function GotoUrl(url){
top.location.href=url
}
// -->
</script>