把鼠标移动到图片上图片就会放大显示

最新推荐文章于 2023-03-13 14:26:40 发布

weixin_30871701

最新推荐文章于 2023-03-13 14:26:40 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签： c# javascript ViewUI

原文链接：http://www.cnblogs.com/houlai/p/9023073.html

本文介绍了一种使用JavaScript实现鼠标悬停时图片尺寸变化的方法。通过简单的HTML和JavaScript代码，当用户将鼠标移至图片上方时，图片的宽度和高度会增大；当鼠标移开时，图片恢复原尺寸。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<script type="text/javascript">
function moveover()
{
document.getElementById('image').width="200"
document.getElementById('image').height="360"
}
function moveback()
{
document.getElementById('image').width="100"
document.getElementById('image').height="180"
}
</script>
</head>

<body>

<b>请把鼠标移动到图像上：</b><br />
<img id="image" src="../i/eg_bulbon.gif" tppabs="http://www.w3school.com.cn/i/eg_bulbon.gif"
onmouseover="moveover()"
onmouseout="moveback()"
width="100" height="180" />

</body>
</html>

转载于:https://www.cnblogs.com/houlai/p/9023073.html