Tu essayes de me bouger ?
Tu essayes de me bouger ?
Tu essayes de me bouger ?
Tu essayes de me bouger ?

Astuces du SpeeDEricH.com

Merci pour ce ....... SPEED EXEMPLE JAVA SCRIPT 46

Déplacer DES IMAGES

 

 

Voici le code source pour permettre aux utilisateurs de déplacer des images sur tes pages :

Tu recopies dans ta partie HEAD :
<SCRIPT LANGUAGE="JavaScript">
<!-- Debut
N = (document.all) ? 0 : 1;
var ob;
function MD(e) {
if (N) {
ob = document.layers[e.target.name];
X=e.x;
Y=e.y;
return false;
}
else {
ob = event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
}

function MM(e) {
if (ob) { 
if (N) { 
ob.moveTo((e.pageX-X), (e.pageY-Y)); 

else { 
ob.pixelLeft = event.clientX-X + document.body.scrollLeft; 
ob.pixelTop = event.clientY-Y + document.body.scrollTop; 
return false; 



function MU() { 
ob = null; 



if (N) { 
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);

document.onmousedown = MD; 
document.onmousemove = MM; 
document.onmouseup = MU; 


// Fin --> 
</script>
Tu recopies ensuite dans ta partie BODY :
<DIV ALIGN="center">
</DIV>
<div id="s" style="position:absolute;left:200;top:150;">
<IMG SRC="Image01.gif" name="s">
</div>
<div id="d" style="position:absolute;left:270;top:150;">
<IMG SRC="Image02.gif" name="d">
</div>
<div id="c" style="position:absolute;left:340;top:150;">
<IMG SRC="Image03.gif" name="c">
</div>
<div id="h" style="position:absolute;left:400;top:150;">
<IMG SRC="Image04.gif" name="h">
</div>

RETOUR à l'exemple précédent  : Apparition en zoom SOMMAIRE des Exemples JAVA SCRIPT SUITE des exemples : Un texte qui suit le curseur

ED   05-03-2003
SpeeDEricH.com Nedstat Tu mesures ton audience ?