138、慢慢变大的图片

138、慢慢变大的图片

脚本说明:

第一步:把如下代码加入<body>区域中

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var ival, imgname, total, steps, maxx, maxy, currentx, currenty, dx, dy;

function zoomImg(imgname, total, steps, maxx, maxy)      {

// convert the total from seconds to miliseconds

total = total * 1000;

objref = eval("document.getElementById('"+imgname+"')");

currentx = objref.width;

currenty = objref.height;

// work out how much we need to increase the image by each step

// devide image sizes by number of steps to get the amount we need to change each step

stepx = maxx / steps;

stepy = maxy / steps;

// devide the total time (in ms) by the number of steps to get the interval time

inttime = total / steps;

// set the interval to increase the size of the image by the required pixels

functionRef = "resizeImg('"+imgname+"', "+stepx+", "+stepy+", "+maxx+", "+maxy+")";

ival = setInterval(functionRef, inttime);

}

function resizeImg(imgname, dx, dy, maxx, maxy) {

objref = eval("document.getElementById('"+imgname+"')");

currentx = objref.width;

currenty = objref.height;

if ((currentx<maxx-dx) && (currenty<maxy-dy)) {

objref.height = currenty + dy;

objref.width = currentx + dx;

}

else {

clearInterval(ival);

objref.height = maxy;

objref.width = maxx;

   }

}

//  End -->

</script>

<div align="center"><img src="letter_3.gif" name="test" id="test"></div>

 

 

第二步:把<body>中的内容改为:

<body onLoad="zoomImg('test', 10, 150, 300, 200)">

 

Write a comment

Comments: 0