70、变大小图片效果
类别: JavaScript教程
====1、将以下代码加入HTML的<BODY></BODY>之间:
<div align="center"><center>
<table border="0" cellpadding="0" cellspacing="0" height="0%">
<tr>
<td align="center"><img src="tp1.gif" name="u" border="0" alt="Image" width="83"
height="66">//修改上面的图片名称和大小
</td>
</tr></table></center></div>
<script language="JavaScript">
var b = 1;
var c = true;
function fade(){
if(document.all);
if(c == true) {
b++;
}
if(b==100) {
b--;
c = false
}
if(b==10) {
b++;
c = true;
}
if(c == false) {
b--;
}
u.width=150 + b;
u.height=125 - b;
setTimeout("fade()",50);
}
</script>
<div align="center"><center>
<table border="0" cellpadding="0" cellspacing="0" height="0%">
<tr>
<td align="center"><img src="tp1.gif" name="u" border="0" alt="Image" width="83"
height="66">//修改上面的图片名称和大小
</td>
</tr></table></center></div>
<script language="JavaScript">
var b = 1;
var c = true;
function fade(){
if(document.all);
if(c == true) {
b++;
}
if(b==100) {
b--;
c = false
}
if(b==10) {
b++;
c = true;
}
if(c == false) {
b--;
}
u.width=150 + b;
u.height=125 - b;
setTimeout("fade()",50);
}
</script>
- 上一篇: 69、闪烁的表单
- 下一篇: 71、反选表单栏效果
-= 资 源 教 程 =-
文 章 搜 索