Javascript 使用鼠标悬停在其他div中显示图像

我正在编写一个脚本，在一个更大的框中显示OnMouse。 但是，在工作了3天之后。。它仍然不起作用

所以，我有1/4个小图像，当我在上面使用鼠标时，较大图像的src应该被更新

我的密码

JS

HTML

//大形象

怎么了？

试试这个

HTML

html:

<div class="largeView">
    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTNh6K8kjBSaLwzCmaGHb2HFREfIQR6THrneqDc20mtJHUIXBdkeQ" name="imageshow" id="imageshow" width="250"/> 
</div>
<div class="litemimage">
    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTNh6K8kjBSaLwzCmaGHb2HFREfIQR6THrneqDc20mtJHUIXBdkeQ" onmouseover="newImage('http://commun-it.ca/wp-content/uploads/2012/06/Big-Picture-Mountains-credit-blimiers2.jpg')" width="50"/>
</div>
<div class="litemimage">
    <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQopJbH0D5IlIYQwQ3iBL4RnA4Dqk0s8csW-jZnfhF6twUuceA0" onmouseover="newImage('http://www.flagstaffbusinessnews.com/wp-content/uploads/2012/10/Picture-Canyon-.jpg')" width="50"/>
</div>
<div class="litemimage">
    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTNh6K8kjBSaLwzCmaGHb2HFREfIQR6THrneqDc20mtJHUIXBdkeQ" onmouseover="newImage(this.src)" width="50"/>
</div>

<script>
    function newImage(src) {
        document.getElementById("imageshow").src = src;
    }
</script>

js:

<div class="largeView">
    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTNh6K8kjBSaLwzCmaGHb2HFREfIQR6THrneqDc20mtJHUIXBdkeQ" name="imageshow" id="imageshow" width="250"/> 
</div>
<div class="litemimage">
    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTNh6K8kjBSaLwzCmaGHb2HFREfIQR6THrneqDc20mtJHUIXBdkeQ" onmouseover="newImage('http://commun-it.ca/wp-content/uploads/2012/06/Big-Picture-Mountains-credit-blimiers2.jpg')" width="50"/>
</div>
<div class="litemimage">
    <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQopJbH0D5IlIYQwQ3iBL4RnA4Dqk0s8csW-jZnfhF6twUuceA0" onmouseover="newImage('http://www.flagstaffbusinessnews.com/wp-content/uploads/2012/10/Picture-Canyon-.jpg')" width="50"/>
</div>
<div class="litemimage">
    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTNh6K8kjBSaLwzCmaGHb2HFREfIQR6THrneqDc20mtJHUIXBdkeQ" onmouseover="newImage(this.src)" width="50"/>
</div>

<script>
    function newImage(src) {
        document.getElementById("imageshow").src = src;
    }
</script>

函数newImage（src）{
document.getElementById（“imageshow”）.src=src；
}

id不应多次使用。它在页面中应该是唯一的。你正在获取图像的src并替换图像中的src皮肤，这样图像就不会改变。你说，先隐藏，替换，然后再次显示？检查我是否有答案编辑不适用于我。如果每个图像都有自己的div，这是一个问题吗？@user3194432这没关系，但是你可以随时更改事件来处理它，谢谢你！！你让我开心！请记住，id意味着唯一。它不应该在一页中重复。类可以是多个。css将使用多个同名ID，但javascript将中断

<div class="largeView">
    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTNh6K8kjBSaLwzCmaGHb2HFREfIQR6THrneqDc20mtJHUIXBdkeQ" name="imageshow" id="imageshow" width="250"/> 
</div>
<div class="litemimage">
    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTNh6K8kjBSaLwzCmaGHb2HFREfIQR6THrneqDc20mtJHUIXBdkeQ" onmouseover="newImage('http://commun-it.ca/wp-content/uploads/2012/06/Big-Picture-Mountains-credit-blimiers2.jpg')" width="50"/>
</div>
<div class="litemimage">
    <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQopJbH0D5IlIYQwQ3iBL4RnA4Dqk0s8csW-jZnfhF6twUuceA0" onmouseover="newImage('http://www.flagstaffbusinessnews.com/wp-content/uploads/2012/10/Picture-Canyon-.jpg')" width="50"/>
</div>
<div class="litemimage">
    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTNh6K8kjBSaLwzCmaGHb2HFREfIQR6THrneqDc20mtJHUIXBdkeQ" onmouseover="newImage(this.src)" width="50"/>
</div>

<script>
    function newImage(src) {
        document.getElementById("imageshow").src = src;
    }
</script>