jquery image change on hover

Ayub Shah answered on July 5, 2022 Popularity 8/10 Helpfulness 7/10

answer jquery image change on hover

jquery image change on hover

Comment

<html>  
<head>  
<style>  
</style>  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>  
<script>  
$(document).ready(function(){  
  $(".image").hover(function(){  
    $(this).attr('src','https://jpeg.org/images/jpeg-home.jpg');  
    }, function(){  
    $(this).attr('src','https://jpeg.org/images/jpegsystems-home.jpg');  
  });  
});  
</script>  
</head>  
<body>  
<img class="image" src="https://jpeg.org/images/jpegsystems-home.jpg"></img>  
</body>  
</html>

Popularity 8/10 Helpfulness 7/10 Language javascript

Source: www.c-sharpcorner.com

Tags: hover image javascript jquery

Link to this answer
Share Copy Link

Contributed on Jul 05 2022

Ayub Shah

0 Answers Avg Quality 2/10

jquery image change on hover

Contents

More Related Answers

jquery image change on hover

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.