我的 HTML 代码中有一张图片,我想制作它以便当我的鼠标悬停在该图片上时,它会更改为另一张图片,并且当鼠标不时将鼠标悬停在图像上,它会切换回默认设置。如何在 <script>
中对此进行编程标签?
最佳答案
没有<script>
必要的标签。使用 onmouseover
和 onmouseout
更改图像源。
onmouseover
当您的鼠标经过图像时将执行一个 Action 。在这种情况下,我们使用 this.src
将图像 src 设置为另一个图像。
onmouseout
当您的鼠标离开图像 时将执行一个操作。在这种情况下,我们使用 this.src
再次将图像设置为默认图像。
<img title="Hello" src="https://static.independent.co.uk/s3fs-public/thumbnails/image/2017/09/12/11/naturo-monkey-selfie.jpg?w968h681" onmouseover="this.src='https://www.ctvnews.ca/polopoly_fs/1.4037876!/httpImage/image.jpg_gen/derivatives/landscape_1020/image.jpg'" onmouseout="this.src='https://static.independent.co.uk/s3fs-public/thumbnails/image/2017/09/12/11/naturo-monkey-selfie.jpg?w968h681'" />
关于javascript - 在鼠标悬停时,在 JavaScript 中更改图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54853648/