Я хочу изменить изображение, когда мышь входит и меняет назад, когда мышь уходит. Я не мог справиться с этим часами. Пожалуйста, помогите :)Невозможно изменить изображение, когда мышь входит
Я хочу изменить «yazilogo2.png» на «yazilogo_active.png».
Вот мой код:
<style>
#topContainer {
background-image:url("yaziylabin_header1.png");
width:100%;
background-size:cover;
background-position:center;
margin-top:51px;
}
.logo {
height:80px;
}
.logoDiv {
margin-top:15px;
}
</style>
<body>
<div class="container contentContainer" style="padding-top:70px;" id="topContainer">
<div class="row">
<div class="col-md-6 col-md-offset-3 logoDiv">
<img class="logo center-block" src="yazilogo2.png" />
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script>
$(".contentContainer").css("min-height", 0.55*($(window).height()));
</script>
</body>
Просмотрите [Объекты событий DOM] (http://www.w3schools.com/jsref/dom_obj_event.asp) с помощью [exampe] (http://www.w3schools.com/jsref /tryit.asp?filename=tryjsref_onmouseenter) – samuelschaefer