Script pour que mon image dans un bloc Div suive la souris sur un axe y (pas x)
crowmaster81
Messages postés
5
Date d'inscription
vendredi 20 mars 2009
Statut
Membre
Dernière intervention
14 juin 2009
-
20 mars 2009 à 22:09
@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 - 21 mars 2009 à 23:12
@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 - 21 mars 2009 à 23:12
A voir également:
- Script pour que mon image dans un bloc Div suive la souris sur un axe y (pas x)
- Vba commenter un bloc ✓ - Forum Visual Basic
- X tchat - Forum IRC
- Script pour prendre rendez-vous tlscontact - Forum Autres langages
- Besoin de désactiver/supprimer le captcha - Forum Javascript / DHTML
- Code source pour prendre un rendez-vous (PHP) - Forum PHP
3 réponses
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
21 mars 2009 à 09:47
21 mars 2009 à 09:47
bonjour,
sauf si tu utilises des versions de navigateurs
qui datent d'avant la guerre, ça ce sait en css
tout simplement
regarde donc position:fixed
@+
sauf si tu utilises des versions de navigateurs
qui datent d'avant la guerre, ça ce sait en css
tout simplement
regarde donc position:fixed
@+
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
16
21 mars 2009 à 09:49
21 mars 2009 à 09:49
oulah... il fallait lire
"ça se fait en css" et non pas "ça ce sait en css"
"ça se fait en css" et non pas "ça ce sait en css"
@karamel
Messages postés
1855
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
18 avril 2024
153
21 mars 2009 à 23:12
21 mars 2009 à 23:12
bonjour
a voir aussi avec ce script attention les deux éléments doivent être parallèles
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
.Style1 {
background-color: gray;
height:300px;
width:200px;
position:absolute;
left:0px;
}
.Style2 {
background-color: blue;
height:300px;
width:200px;
position:absolute;
left:400px;
}
</style>
<script type="text/javascript">
function tarto(s){ // detection du mouvement de sourie
if(navigator.appName.substring(0,3)=="Net"){
setY = s.clientY+document.documentElement.scrollTop;
}
else{
setY=event.clientY
}
}
if(navigator.appName.substring(0,3)=="Net"){
document.documentElement.addEventListener("mousemove", tarto, false);
}
else{
document.documentElement.attachEvent('onmousemove', tarto)
}
function suivi(){
document.getElementById('monimage').style.top=setY+'px'
timer=setTimeout(suivi,50)
}
</script>
</head>
</html>
a voir aussi avec ce script attention les deux éléments doivent être parallèles
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
.Style1 {
background-color: gray;
height:300px;
width:200px;
position:absolute;
left:0px;
}
.Style2 {
background-color: blue;
height:300px;
width:200px;
position:absolute;
left:400px;
}
</style>
<script type="text/javascript">
function tarto(s){ // detection du mouvement de sourie
if(navigator.appName.substring(0,3)=="Net"){
setY = s.clientY+document.documentElement.scrollTop;
}
else{
setY=event.clientY
}
}
if(navigator.appName.substring(0,3)=="Net"){
document.documentElement.addEventListener("mousemove", tarto, false);
}
else{
document.documentElement.attachEvent('onmousemove', tarto)
}
function suivi(){
document.getElementById('monimage').style.top=setY+'px'
timer=setTimeout(suivi,50)
}
</script>
</head>
</html>
