Comment faire une affiche avec des néons en javascript ?

 

par meltech1 |

     
Comment faire une affiche avec des néons en javascript ?

Toutes les grandes enseignes ont une affiche qui s'allume le soir avec un néon ou des spots. Ici je vous propose de programmer en javascript cette affiche pour la mettre sur votre site Internet. Ensuite il y aura le même effet sur votre site Internet. Vous verrez que l'internaute sera étonné de voir que votre enseigne brille même sur votre site Internet. Voici comment faire.

Quelles sont les fournitures nécessaires ?

  • Internet Explorer
  • Logiciel bloc notes

Étapes de réalisation

1.

Premièrement ouvrez votre site Internet avec "bloc notes" puis vous obtenez le code source. C'est le programme dans lequel il faut insérer ce qui suit. Cherchez-y la balise <body>.

2.

Dans la balise <body> veuillez insérer le script suivant :
<script language="javascript">
<!--
z=75
flash=0.75 // durée du flash
timez=""
s_index= 0
p_index=0
sequence=new Array()
sequence[sequence.length] = new Array(0,1,2,3,4,5)
sequence[sequence.length] = new Array(5,4,3,2,1,0)
sequence[sequence.length] = new Array(0,5,1,4,2,3)
sequence[sequence.length] = new Array(0,2,1,3,5,4)
sequence[sequence.length] = new Array(0,0,0,1,1,1,2,2,2,3,3,3,4,4,4,5,5,5)
sequence[sequence.length]=new Array(0,5)
function init(){
clearme()
p_index=0
if(s_index==sequence.length){
s_index=0
}
preview()
setTimeout("s_index++;init()",15000)
}
function preview(){
clearTimeout(timez)
count=sequence[s_index][p_index]
if(p_index==sequence[s_index].length-1){
p_index=0
}else{
p_index++
}
red=100+Math.round(Math.random()*155)
green=100+Math.round(Math.random()*155)
blue=100+Math.round(Math.random()*155)
speed=10+Math.round(Math.random()*340)
flash=0.1+Math.random()*0.9
flashrate=speed*flash
if(count==0){
document.all.test.filters.Light(1).addcone(50,70,z,50,70,0,green,0,100,90);
dim=setTimeout("clearme()",flashrate)
}
if(count==1){
document.all.test.filters.Light(1).addcone(150,70,z,150,70,green,green,0,100,90);
dim=setTimeout("clearme()",flashrate)
}
if(count==2){
document.all.test.filters.Light(1).addcone(250,70,z,250,70,red,0,0,100,90);
dim=setTimeout("clearme()",flashrate)
}
if(count==3){
document.all.test.filters.Light(1).addcone(350,70,z,350,70,0,0,blue,100,90);
dim=setTimeout("clearme()",flashrate)
}

if(count==4){
document.all.test.filters.Light(1).addcone(450,70,z,450,70,red,0,blue,100,90);
dim=setTimeout("clearme()",flashrate)
}
if(count==5){
document.all.test.filters.Light(1).addcone(550,70,z,550,70,0,green,blue,100,90);
dim=setTimeout("clearme()",flashrate)
}

timez=setTimeout("preview()",speed)
}

function clearme(){
test.filters.Light(1).clear();
document.all.test.filters.Light(0).Addambient(50,50,50,100)
}
setTimeout("init()",1000)
// -->
</script>
<div id="test" style="position:relative;left:20; top:0;filter:Light(1);width:600;height:140;background-color:white; border:10 ridge black;text-align:center;font-size:50;color:black;">COMMENT FAIT-ON?</div>.

3.

Pour terminer enregistrez le tout avec bloc notes puis ouvrez avec IE. Vous remarquez l'enseigne de comment fait-on qui s'affiche comme dans une enseigne avec néons. A voir absolument !

Astuces et mises en garde

Astuce(s) :

Pour changer le texte de l'enseigne allez dans la balise <body> à la fin.

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on