begin process at 2012 05 28 11:30:01
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > TEXTE VISISIBLE ET INVISIBLE ET CHANGEMENT COULEUR...

TEXTE VISISIBLE ET INVISIBLE ET CHANGEMENT COULEUR...


 Information sur la source

Note :
Aucune note
Catégorie :Effets Niveau :Débutant Date de création :19/11/2003 Date de mise à jour :20/11/2003 21:52:40 Vu / téléchargé :20 494 / 705

Auteur : Bitter1

Ecrire un message privé
Site perso
Commentaire sur cette source (0)
Ajouter un commentaire et/ou une note

 Description

Un script simple qui permet de cacher ou non du texte, de changer la couleur, et de le déplacer verticalement.

Source

  • <html>
  • <head>
  • <title></title>
  • <style>
  • <!--
  • #texte {
  • position : absolute;
  • top: 200px;
  • left: 350px;
  • font-size: 18px;
  • font-family: verdanal;
  • font-weight: bold;
  • }
  • //-->
  • </style>
  • <script language="javascript">
  • var isNetscape4=document.layers;
  • var isNetscape6=document.getElementById && !document.all
  • var DHTML=document.getElementById || document.all || document.layers;
  • var ordonnee = 200;
  • function getStyle(nom) {
  • if (isNetscape6)
  • style=document.getElementByID(nom).style;
  • else if (isNetscape4)
  • style=document.layers [nom];
  • else
  • style=document.all[nom].style;
  • return(style);
  • }
  • function visibilite(flag) {
  • if (!DHTML)
  • return;
  • getStyle('texte').visibility=(flag) ? 'hidden':'visible'
  • }
  • function deplace_vertical(delta){
  • if (!DHTML)
  • return;
  • ordonnee+=delta;
  • getStyle('texte').top=ordonnee;
  • }
  • function change_couleur(couleur){
  • if (!DHTML)
  • return;
  • getStyle('texte').color=couleur;
  • }
  • </script>
  • </head>
  • <body>
  • <DIV ID="texte">
  • Action sur un texte en pour le rendre VISIBLE
  • INVISIBLE, changer la COULEUR,et déplacer en HAUT et en BAS
  • </DIV>
  • Rendre le texte<A HREF="javascript:visibilite(1)">invisible</A><BR>
  • Rendre le texte<A HREF="javascript:visibilite(0)">visible</A><BR>
  • Déplacer le texte de<A HREF="javascript:deplace_vertical(-20);">
  • 20 pixels vers le haut</A><BR>
  • Déplacer le texte de<A HREF="javascript:deplace_vertical(20);">
  • 20 pixels vers le bas</A><BR>
  • Changer la couleur du texte en<A HREF="javascript:change_couleur('red')">rouge</A><BR>
  • Changer la couleur du texte en<A HREF="javascript:change_couleur('blue')">bleu</A><BR>
  • Changer la couleur du texte en<A HREF="javascript:change_couleur('black')">noir</A><BR>
  • </body>
  • </html>
<html>
<head>
	<title></title>
<style>
<!--
#texte {
position : absolute;
top: 200px;
left: 350px;
font-size: 18px;
font-family: verdanal;
font-weight: bold;
}
//-->
</style>
<script language="javascript">
var isNetscape4=document.layers;
var isNetscape6=document.getElementById && !document.all
var DHTML=document.getElementById || document.all || document.layers;
var ordonnee = 200;

function getStyle(nom) {
if (isNetscape6)
style=document.getElementByID(nom).style;
else if (isNetscape4)
style=document.layers [nom];
else
style=document.all[nom].style;
return(style);
}
function visibilite(flag) {
if (!DHTML)
return;
getStyle('texte').visibility=(flag) ? 'hidden':'visible'
}
function deplace_vertical(delta){
if (!DHTML)
return;
ordonnee+=delta;
getStyle('texte').top=ordonnee;
}
function change_couleur(couleur){
if (!DHTML)
return;
getStyle('texte').color=couleur;
}
</script>
</head>

<body>
<DIV ID="texte">
Action sur un texte en pour le rendre VISIBLE
INVISIBLE, changer la COULEUR,et déplacer en HAUT et en BAS
</DIV>
Rendre le texte<A HREF="javascript:visibilite(1)">invisible</A><BR>
Rendre le texte<A HREF="javascript:visibilite(0)">visible</A><BR>
Déplacer le texte de<A HREF="javascript:deplace_vertical(-20);">
20 pixels vers le haut</A><BR>
Déplacer le texte de<A HREF="javascript:deplace_vertical(20);">
20 pixels vers le bas</A><BR>
Changer la couleur du texte en<A HREF="javascript:change_couleur('red')">rouge</A><BR>
Changer la couleur du texte en<A HREF="javascript:change_couleur('blue')">bleu</A><BR>
Changer la couleur du texte en<A HREF="javascript:change_couleur('black')">noir</A><BR>
</body>

</html>



 Sources du même auteur

DES MOTS QUI JONGLENT AVEC LE POINTEUR...
ON BRASSE LES LETTRES, ET UN MESSAGE DU BIENVENUE S'AFFICHE....
DES LETTRES EN VRAC QUI FINISSENT PAR FAIRE UN MESSAGE...
LIENS SOUS FORME DE MESSAGE SE PROMÈNE DE FAÇON ALÉATOIRE......
TEXTE DÉFILANT DANS PETIT TABLEAU PLUTÔT QUE DANS LA BARRE D...

 Sources de la même categorie

Source avec Zip Source avec une capture BOUTON ROTATIF par kazma
Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600

Commentaires et avis

Aucun commentaire pour le moment.

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,546 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales