recherche

Maison >interface Web >js tutoriel >Résoudre le problème de l'événement onmouseover invalide de div

Résoudre le problème de l'événement onmouseover invalide de div

黄舟
黄舟original
2017-07-19 14:04:183976parcourir

Je souhaite réaliser les fonctions suivantes : il y a un a1f02c36ba31691bcfe87b2722de723b dans la balise div, et je souhaite changer l'image lorsque la souris passe sur le div. Mon approche consiste à utiliser l'événement onmouseover du div : remplacez le contenu innerHTML du div (remplacez-le par un nouveau 

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>test</title>
<style>
</style>
<script type="text/javascript">
function changeImg() {
var imageEle = document.getElementById("img");
imageEle.src = "2.jpg";
}
function changeImgAgain() {
var imageEle = document.getElementById("img");
imageEle.src = "1.jpg";
}
</script>
</head>
<body>
<div id="handler" onmouseover="changeImg()" onmouseout="changeImgAgain()" style="backgound: #333; width: 300px; height: 300px"></div>
<div><image id="img" src="1.jpg" /></div>
</body>

Remplacez mouseout par l'événement mouseleave.

Il n'y a pas de problème avec l'idée, merci de poster votre code, il y a un problème avec votre code

$(&#39;#divId&#39;).hover(
　　function() {//mouseover
　　　　$(this).find("image").attr("src","......");
      },
      fucntion(){//mouseout
　　　　$(this).find("image").attr("src",".....");
     }
);

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Résumé de divers exemples de codes jQuery pour parcourir des tableaux et des objets jsonArticle suivant：Résumé de divers exemples de codes jQuery pour parcourir des tableaux et des objets json

Articles Liés

Voir plus