图像渐变 - JavaScript论坛

努力加油

等　级：论坛游侠
帖　子：34
专家分：127
注　册：2010-4-11
结帖率：100%

楼主

已结贴√ 问题点数：0 回复次数：2

图像渐变

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script language="javascript">
var conut=0;
var w;
var h;
function hehe(){
    if(conut==0){
        h=parseInt(document.images[0].height);
        w=parseInt(document.images[0].width);
        for(var i=0;i<200;i++){
            document.images[0].height=h+i;
            document.images[0].width=w+i;
            }
        conut=1;
        }
    else{
        document.images[0].height=150;
        document.images[0].width=100;
        conut=0;
        }
    }
setInterval("hehe()",1000);
</script>
<img src="../实例及代码/images/2.jpg" height="150" width="100">
</body>
</html>

我想让图像从指定的大小逐渐变成最后规定的大小，可是我写了这个都只是从最开始的大小直接变成最后规定的大小了，请指点下，谢谢了

搜索更多相关主题的帖子: 图像　渐变　

2010-04-21 18:17

努力加油

等　级：论坛游侠
帖　子：34
专家分：127
注　册：2010-4-11

第 3 楼

得分:0

弄出来了其实很简单的呵呵先前是我想多了

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function hehe(){
    var h;
    var w;
    h=parseInt(document.images[0].height);
    w=parseInt(document.images[0].width);
        document.images[0].height=h+5;
        document.images[0].width=w+5;
        if(document.images[0].height>300||document.images[0].width>300){
            document.images[0].height=69;
            document.images[0].width=100;
            }
    }
    setInterval("hehe()",100);
</script>
</head>

<body onload="hehe()">
<img id="image" src="../实例及代码/images/8_07.jpg" height="69" width="100">
</body>
</html>

2010-04-23 17:02