使用javascript预加载图像然后使用鼠标悬停增加大小

时间:2015-12-16 13:48:02

标签: javascript html

我有一个数组预装了图片。然后我想加载图片,当鼠标悬停在那张小图片上时,我希望它很大。但是当我尝试使用这些功能时,没有任何事情发生......

我对Javascript很新,所以不要判断我:)。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
var MyPics = new Array ("pic1.bmp", "pic2.png", "pic3.bmp", "pic4.bmp",   "pic5.bmp");

var Preload = new Array();

var $i = 0;

for($i; $i < MyPics.length; $i++) {
Preload[$i] = new Image();
Preload[$i].src = MyPics[$i];
}

</script>
</head>
<body>

<a href="" onmouseover="IncSize()" onmouseout="imgDecr()"> </a>
<img id="pictureone" src="pic1.bmp" width="100">
<script>

function IncSize() {
document.getElementById("pictureone").style.width="200px";
}

function imgDecr() {
document.getElementById("pictureone").style.width="100px";
}
</script>
</body>
</html>

0 个答案:

没有答案