感觉很麻烦，帮我解决一下好吗？

我试着用document.createElement("div")创建一个div,然后在里面加上几幅图片"img"，然后在我想对它们加入忽明忽暗效果(即函数play()），不知该怎样设置，我试过在<img...>中加入onload="..."不行，接着在<body onload="...">的onload="..."加入该函数，发现还是不行，不知该如何写，大家帮帮我好吗？
其中，在<img..>中的onload="..."加入的函数是：
function fade(){
if(document.all);
if(c == true) {
b=b+20;
}
if(b==100) {
b=b-20;
c = false
}
if(b==20) {
b=b+20;
c = true;
}
if(c == false) {
b=b-20;
}        this.filters.alpha.opacity=0 + b;
setTimeout("fade()",100);
}
而在<body>中onload="..."加入的是:
var b = 20;
var c = true;
function fade(){
if(document.all);
if(c == true) {
b=b+20;
}
if(b==100) {
b=b-20;
c = false
}
if(b==20) {
b=b+20;
c = true;
}
if(c == false) {
b=b-20;
}
var es = document.form1.getElementsByTagName("img");
for (var i=0; i<es.length; i++) {
    if (/^lib/i.test(es[i].name)) {        //其中lib是<img...>中的name=lib1(lib2,lib3)的前缀
        es[i].filters.alpha.opacity=0 + b;
    }
}
setTimeout("fade()",100);
希望有人帮我解决一下好吗？

解决方案 »

  1.   

    你的代码没仔细看，我的思路是这样，应该可以解决你的问题：1）当你document.createElement("div") 时，然后在里面加上几幅图片"img"。2）这时，你调用一下play()函数，让页面上所有的图片都有效果。即：
    document.createElement("div") ; //创建DIV
    document.createElement("img");  //创建图片
    ……
    play(){
    document.form1.getElementsByTagName("img"); 
    ……
    }
      

  2.   

    下面是用JQuery写的，但不知道是否你想要的。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript" src="JQuery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $("strong").one("click",function(){
    $("body").append("<div><img src=\"1.gif\" alt=\"图片描述信息\" \/><img src=\"1.gif\" alt=\"图片描述信息\" \/><img src=\"1.gif\" alt=\"图片描述信息\" \/></div>");
    setInterval(a,2000);
    });
    });
    function a(){
    $("div").fadeOut(500).fadeIn(500);
    }
    </script>
    </head>
    <body>
    <strong>请点击这里</strong>
    </body>
    </html>