<html>
<head>
<style>
.image {
cursor: pointer;
}
.text {FILTER:glow(color=ffffff, strength=50);}
</style>
</head> <script>
var pic = new Array("pic0", "pic1", "pic2", "pic3", "pic4");
var x = new Array(60,60,60,60,60);
var t = new Array();
function tonext(a) {
x[a]+=3;
document.getElementById(pic[a]).width=x[a];
t[a] = setTimeout("tonext("+a+")",10);
if (x[a]>=100) {
document.getElementById(pic[a]).width=100;
clearTimeout(t[a]);
}
}
function toback(a) {
x[a]-=3;
document.getElementById(pic[a]).width=x[a];
t[a] = setTimeout("toback("+a+")",10);
if (x[a]<=60) {
document.getElementById(pic[a]).width=60;
clearTimeout(t[a]);
}
}
</script>
<body leftMargin=0 topMargin=0 bbgcolor=navy>
<center>
<table height=200 border=0 width=500><tr><td>
<img src=1.jpg width=60 hheight=60 class=image onmouseover='tonext(0)' onmouseout='toback(0)' id=pic0>
<img src=2.jpg width=60 hheight=60 class=image onmouseover='tonext(1)' onmouseout='toback(1)' id=pic1>
<img src=3.jpg width=60 hheight=60 class=image onmouseover='tonext(2)' onmouseout='toback(2)' id=pic2>
<img src=4.jpg width=60 hheight=60 class=image onmouseover="tonext(3)" onmouseout='toback(3)' id=pic3>
</td></tr></table>
</center>
</body>
</html>
Играйте бесплатно в 
