Mickeyland


 
AccueilAccueil  PortailPortail  Tchat  FAQFAQ  RechercherRechercher  S'enregistrerS'enregistrer  GroupesGroupes  ConnexionConnexion  Site  

Partagez | 
 

 Javascript | Image qui suit la souris

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
cb.clembre.95
Capable de beaucoup
Capable de beaucoup
avatar

Masculin
Nombre de messages : 145
Age : 30
Localisation : France
Date d'inscription : 02/05/2008

MessageSujet: Javascript | Image qui suit la souris   Jeu 6 Nov 2008 - 16:51

Bonjour,
voici un script ou une image suis la souris :

Code:
<!-- 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 -->


voilà,


@+
zorlig
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 
Javascript | Image qui suit la souris
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [résolu]Transition d'une image qui change au passage de la souris
» roll-over, zone réactive, image et son
» un son au passage de souris sur une baniere animée (résolu)
» Résolu => Comment faire disparaitre la souris?
» Faire bouger un objet au passage de la souris [ RESOLU ]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Mickeyland :: Programmation :: Langage Web :: Javascript-
Sauter vers: