您现在的位置：
首页
网页特效
图像特效
慢慢变大的图片
特 效 说 明
图片慢慢变大的效果，在特殊场合会很有用的，试试吧
特
效
代
码
<body onLoad="zoomImg('test', 10, 150, 300, 200)"> <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 --> <!-- 本特效来自网络时空页特效集锦！更多特效请访问：http://www.k688.com--> </script> <div align="center"><img src="images/fairy03.jpg" name="test" id="test" width="13" height="10"></div>
@_⌒ 特 效 预 览 @_⌒
网页特效
图像特效
慢慢变大的图片