Я хочу, чтобы получить значение от кнопки к Img в ЦСИ когда это MouseHover.Mouseover значение переключения Аякса
<div style="float:left;">
<button value="dragon.jpg">Dragon</button>
<button value="phoenix.jpg">Phoenix</button>
</div>
<div style="float:left;"><img src="dragon.jpg"></div>
как это сделать ?.
Вы можете попробовать это событие курсора, находящегося JavaScript: -
<body onload="load()">
<div style="float:left;">
<button class="hover-btn" value="dragon.jpg">Dragon</button>
<button class="hover-btn" value="phoenix.jpg">Phoenix</button>
</div>
<div style="float:left;">
<img id="imgChange" src="dragon.jpg" />
</div>
<script>
function load(){
var btns = document.getElementsByClassName("hover-btn");
for(var i =0; i< btns.length; i++){
btns[i].addEventListener("mouseover", function(event) {
document.getElementById("imgChange").src = event.target.value;
}, false);
}
}
</script>
</body>
его работы, но последнее изображение получает фокус, когда не навешивает. как его решить? скажем, 3 секунды и изображение исчезают? –
Прежде чем задать этот тип вопроса, вы должны сообщить нам, что вы уже пробовали. – Indra
Вам не хватает всех AJAX. – Charlie
Я создаю список животных, которые отображают предварительный просмотр с изображением –