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

Posted hlhlz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了把鼠标移动到图片上图片就会放大显示相关的知识,希望对你有一定的参考价值。

<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>

以上是关于把鼠标移动到图片上图片就会放大显示的主要内容,如果未能解决你的问题,请参考以下文章

在css中怎么设置鼠标移上去图片就会动?

js+css鼠标移动图片放大

winform中当鼠标移到一个图片上怎样能使图片放大??

鼠标移动到一图片上鼠标形状变成放大镜形状

css中鼠标没有移上去图片是黑色

js图片滚动鼠标移上去放大