Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   смена картинки при наведении (https://javascript.ru/forum/dom-window/78469-smena-kartinki-pri-navedenii.html)

misha.korolcov 18.09.2019 16:29

смена картинки при наведении
 
доброе время суток у меня есть див с классом test и при наведении на див надо сменить картинку я попробовал написать на jquery но не могу понять где ошибка

if ($(".test") hover(handlerInOut(eventObject))){
      $(".test").attr("src", "img/Vector4.png");
}

зарание спасибо

Dilettante_Pro 18.09.2019 17:34

<img class="test" src = "https://javascript.ru/cat/list/donkey.gif">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
   $(".test").on("mouseover", function() {
       $(this).attr("src","https://javascript.ru/cat/list/jquery_54.png");
   });
   $(".test").on("mouseleave", function() {
       $(this).attr("src","https://javascript.ru/cat/list/donkey.gif");
   });
</script>

Или без jquery и скриптов
<style>
.test {
width:50px;
height:50px;
background-image: url(https://javascript.ru/cat/list/donkey.gif)
}
.test:hover {
background-image: url(https://javascript.ru/cat/list/jquery_54.png)
}
</style>
<div class="test"></div>

misha.korolcov 19.09.2019 13:20

спс очень помогли


Часовой пояс GMT +3, время: 08:38.