Créer son site Gratuitement : Service / Outils webmaster gratuit
Mon Site Gratuit
Contactez nous
Nos partenaires
Scripts
Tutoriaux
Nos services
Forums
Accueil
ForumsImage qui suit la souris
      Imprimer le sujet FAQ  M'enregistrer 
  Quelques animations simples et interractives ne ferons pas de mal à vos pages web. Partez découvrir le monde du Javascript !

Image qui suit la souris

Messagede tiounou29 le 18 Mar 2007, 18:33

je trouve ce script génial enfaite c'est une image qui suit et regarde le curseur

Code: Tout sélectionner
<!-- DEBUT DU SCRIPT -->
<script type="text/javascript">
/*
Image qui suit et regarde la souris
http://www.editeurjavascript.com/scripts/scripts_images_1_66.php

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
var x = 0;
var y = 0;

if (document.getElementById)
   {
   if(navigator.appName.substring(0,3) == "Net")
      document.captureEvents(Event.MOUSEMOVE);
   document.onmousemove = Pos_Souris;
   window.onload = Bouge_Image;
   }

function Pos_Souris(e)
   {
   x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
   y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
   }

posX = 0;
posY = 0;
anim = true;
oldpos = "http://www.cclleemm.com/images/plugz2.png";

function Bouge_Image()
   {
   if (document.getElementById && anim)
      {
      posX = posX+(((x-posX)+20)/15);
      posY = posY+(((y-posY)+20)/15);
      if(posX<x)
         newpos='http://www.cclleemm.com/images/plugz2.png';//[color=#1522E9]ici l'image qui regarde a gauche[/color]
      else
         newpos='http://www.cclleemm.com/images/plugz2.png';//[color=#1522E9]ici l'image de droite[/color]
     if(newpos!=oldpos)
        {
      document.tete.src=newpos;
      oldpos=newpos;
      }
      document.getElementById("teteronde").style.top = posY+"px";
      document.getElementById("teteronde").style.left = posX+"px";
      tempo = setTimeout("Bouge_Image()", 15)
      }
   }

if(document.getElementById)
   {
   document.write('<div id="teteronde" style="position: absolute">');
   document.write('<a href="#" onClick="anim=false;document.getElementById('teteronde').style.visibility = 'hidden';return(false)">');
   document.write('<img src="http://www.cclleemm.com/images/plugz2.png" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');
   document.write('</a>');
   document.write('</div>');
   }
</script>
<!-- FIN DU SCRIPT -->
Dernière édition par tiounou29 le 18 Mar 2007, 18:33, édité 1 fois.
Image
Image
Image
Avatar de l'utilisateur
tiounou29
Crazy Plug'zien
Crazy Plug'zien
 
Messages: 249
Inscription: 16 Mar 2007, 18:38
Localisation: sur la planete ol
Points: 0


Messagede richie3366 le 18 Mar 2007, 20:33

Pas mal du tout !

Le blem (ya toujours un blem), c'est que lorsqu'on clique sur l'image, elle disparait ..
Avatar de l'utilisateur
richie3366
Admin'z
Admin'z
 
Messages: 422
Inscription: 15 Mar 2007, 17:59
Localisation: Aveyron
Points: 123


Messagede didz le 18 Mar 2007, 20:41

lol
Image
Avatar de l'utilisateur
didz
Funny Plug'z
Funny Plug'z
 
Messages: 167
Inscription: 16 Mar 2007, 19:15
Points: 0


Messagede Cclleemm le 18 Mar 2007, 20:44

Je le trouve super et en plus fonctionelle !
Ca rend un site beaucoup plus dynamique !
Merci pour le script ! C'est simpas d'installer ça lors d'occasions, parce que tout le temps, ça prend la tête lol ! ;-D

Merci, très zoli ! :bravo:
Image
Avatar de l'utilisateur
Cclleemm
Admin'z
Admin'z
 
Messages: 2762
Inscription: 14 Mar 2007, 16:21
Localisation: Savoie
Points: 2003


Messagede tiounou29 le 19 Mar 2007, 20:15

richie3366 a écrit:Pas mal du tout !

Le blem (ya toujours un blem), c'est que lorsqu'on clique sur l'image, elle disparait ..

en faite c'est fait exprès que l'image disparraisse quand on clique dessu mais on peut enlever cette fonction


Je tien quand même a présciser que le script n'est pas de moi je l'est pris sur ce site que je trouve génial.
Image
Image
Image
Avatar de l'utilisateur
tiounou29
Crazy Plug'zien
Crazy Plug'zien
 
Messages: 249
Inscription: 16 Mar 2007, 18:38
Localisation: sur la planete ol
Points: 0


Messagede Gaara le 19 Mar 2007, 20:18

Euh je ne crois pas non !

Tu as trouvé ce script sur codes-sources.com mais le véritable auteur est editeurjavascript.com ^_^
(C'est même écrit dans le code...)
:etoile: *Rien à dire ...*
Avatar de l'utilisateur
Gaara
Modo'z
Modo'z
 
Messages: 831
Inscription: 18 Mar 2007, 20:47
Localisation: Village Caché de Suna
Points: 8


Messagede Cclleemm le 21 Mar 2007, 12:47

Ouai, tiounou29 , C'est cool ce que tu fais, mais fait attentionde ne pas t'approprier une création qui n'est pas à toi ! Laisse au moins un lien du site ou tu l'a pris avec le nom du vrai créateur ! Merci quand meme pour ta participation !
Image
Avatar de l'utilisateur
Cclleemm
Admin'z
Admin'z
 
Messages: 2762
Inscription: 14 Mar 2007, 16:21
Localisation: Savoie
Points: 2003


Messagede Erwin le 21 Mar 2007, 17:54

:p Merci de donner ta source xD ( meme si elle est flagrante en regardant le script )

Il me semble qu'il y avait un script dans le même style , avec cette fois si DU texte , mais qui affiche leur.
Il avait le truc banale. Qui affiche Leur de facon Analogique , sans style particulier.
Mais il y avait aussi le truc super façon super gros dans le style du reveil pendantif façon rapeur Ricain. Un grosse horslogue qui suis la souris avec leur et tous et tous.
Si je met la main dessu je le fait passer ne vous en faitent pas pour sa.
Police Partout.
Justice Nulle Part.
Avatar de l'utilisateur
Erwin
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 10
Inscription: 18 Mar 2007, 14:49
Localisation: Mem JeanPierre Perno Connai Po
Points: 0


Messagede boulledogue le 12 Avr 2007, 16:46

il n'empeche que je crois que le site internet que tu as donné va vraiment m'aider...
merci!
@+
Boulledogue
Travaille actuellement sur www.restolity.be
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2254
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4455


Messagede tiounou29 le 14 Avr 2007, 17:56

derient tout le plaisir était pour moi :lol:
Image
Image
Image
Avatar de l'utilisateur
tiounou29
Crazy Plug'zien
Crazy Plug'zien
 
Messages: 249
Inscription: 16 Mar 2007, 18:38
Localisation: sur la planete ol
Points: 0


Re: Image qui suit la sourie

Messagede charly221 le 16 Fév 2008, 14:10

Merci tiounou29
pour ton script Image qui suit la souris
(je l'ai un tout petit peu modifié, j'ai mis la photo de mon fils a la place de ;-) !!!)
tu peux voir, si tu veux, le résultat sur mon site http://www.voyagerencasamance.com/

merci encore
charly221
charly221
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 4
Inscription: 14 Fév 2008, 13:08
Points: 5


Re: Image qui suit la sourie

Messagede OxoZ le 25 Mai 2008, 17:24

De JEJAVASCRIPT.NET ^^
Avatar de l'utilisateur
OxoZ
Apprenti Plug'zien
Apprenti Plug'zien
 
Messages: 69
Inscription: 19 Mai 2008, 14:22
Points: 19


Re: Image qui suit la sourie

Messagede jeromecold le 25 Mai 2008, 17:35

Presque! Editeur Javascript!

Code: Tout sélectionner
<!-- DEBUT DU SCRIPT -->
<script type="text/javascript">
/*
Image qui suit et regarde la souris
http://www.editeurjavascript.com/scripts/scripts_images_1_66.php

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
Arobase plus
Avatar de l'utilisateur
jeromecold
Plug'zien Pro
Plug'zien Pro
 
Messages: 3156
Inscription: 05 Sep 2007, 13:18
Points: 2915


Re: Image qui suit la souris

Messagede mika52 le 11 Fév 2009, 21:03

slt vous etre rentré dan mon elemen
mika52
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 1
Inscription: 11 Fév 2009, 21:01
Points: 1


Re: Image qui suit la souris

Messagede alvindu84 le 14 Fév 2009, 15:42

Moi sa marche pas.
alvindu84
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 5
Inscription: 07 Fév 2009, 16:16
Points: 9


Suivant

Retourner vers Javascript

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités