10/02/2008
Code HTML Rollover :
Le rollover permet de changer une image, lorsque le curseur de la souris passe sur celle-ci.
Pour se faire il vous faut donc deux images :
Pour obtenir un URL de vos images, effectuer un upload ; ensuite inserer les URL obtenus dans le code ci contre :
Voici le code HTML "vierge" (completez le avec vos informations personnelles)
<a href=" LIEN " onMouseOver= "if (document.images) document.banner1.src=' URL IMAGE 2 ';" onMouseOut= "if (document.images) document.banner1.src=' URL IMAGE 1 ';"><img src=" URL IMAGE 1 " name=banner1 border=0></a>
Ce qui donne en exemple :
<a href=" http://boxofpictures.blog.weareplaystation.fr/ " onMouseOver= "if (document.images) document.banner1.src=' http://boxofpictures.blog.weareplaystation.fr/files/RESULTAT.bmp ';" onMouseOut= "if (document.images) document.banner1.src=' http://boxofpictures.blog.weareplaystation.fr/files/EXEMPLE.bmp ';"><img src=" http://boxofpictures.blog.weareplaystation.fr/files/EXEMPLE.bmp " name=banner1 border=0></a>
Inserer le dans votre éditeur HTML (ou directement comme contenu) et vous obiendrez ceci :
/! Si vous utillisez plusieurs fois le code il est indispensable de changer les n° banner1, pour chaque code réalisé (par 3, 4 , 5, etc.)
17:50 Publié dans BLOGMASTER | Lien permanent | Commentaires (0) | Envoyer cette note | Tags : Rollover, Code, HTML, tutoriel
26/09/2007
Effet JavaScript :
Dans votre barre d'adresse, copier (Ctrl+C) coller (Crtl+V) le code suivant :
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',50); void(0);
Surprenant non ? Et inutile je l'accorde !
21:00 Publié dans BLOGMASTER | Lien permanent | Commentaires (0) | Envoyer cette note | Tags : Code, Effet, JavaScript, fun
03/09/2007
ENREGISTRERSOUS.COM :
18:15 Publié dans BLOGMASTER | Lien permanent | Commentaires (0) | Envoyer cette note | Tags : upload





