这个是用jquery是非常容易实现的,这里我不用任何库写了一下代码,目的是相互学习探讨(已经测试可以运行)。//由于style.height和style.width是string类型,为方便下面的操作,定义该全局变量记录图片的长宽
var height = 200;
var width = 800;
var interval;
//定义图片大小变化函数
function changeSize(img) {
var i = document.getElementById(img);
height -= 5;
width -= 20;
//如果图片已经缩小到不见,停止缩小图片函数
if (height <= 0 || width <= 0) {
i.style.visible = "none";
window.clearInterval(interval);
}
i.style.height = height;
i.style.width = width;
} //每0.1秒变化一下大小,自己定义啊
window.onload = function() {
interval = window.setInterval("changeSize('img_ad')", 100);
}然后页面中须有如下元素:
<img id="img_ad" style="height:200px; width:800px;" src="photo.jpg" />
var height = 200;
var width = 800;
var interval;
//定义图片大小变化函数
function changeSize(img) {
var i = document.getElementById(img);
height -= 5;
width -= 20;
//如果图片已经缩小到不见,停止缩小图片函数
if (height <= 0 || width <= 0) {
i.style.visible = "none";
window.clearInterval(interval);
}
i.style.height = height;
i.style.width = width;
} //每0.1秒变化一下大小,自己定义啊
window.onload = function() {
interval = window.setInterval("changeSize('img_ad')", 100);
}然后页面中须有如下元素:
<img id="img_ad" style="height:200px; width:800px;" src="photo.jpg" />
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货