望高手解答-js追加div层

[good-code]

如图:

以下是基于mootools的js代码

                                      <script type="text/javascript">
                                          window.addEvent("domready", function () {
                                              var speed = 40;
                                              var outdiv = $("outdiv");
                                              var indiv = $("indiv");
                                              var movediv = $("movediv");
                                              var imgdiv = $("img");
                                              var MyMar = setInterval(Marquee, speed);
                                              function myfun() {
                                                  var i = $$("#cfgCommentListContainer .Item");
                                                  i.each(function (item) {
                                                      i.inject(imgdiv);
                                                  });
                                              }
                                              movediv.innerHTML = indiv.innerHTML;
                                              function Marquee() {
                                                  if (movediv.offsetTop - outdiv.scrollTop <=0) {
                                                      outdiv.scrollTop -= indiv.offsetHeight;
                                                  }
                                                  else {
                                                      outdiv.scrollTop++;
                                                  }
                                              }
                                              outdiv.addEvents({
                                                  'mouseover': function () {
                                                      clearInterval(MyMar);
                                                  },
                                                  'mouseout': function () {
                                                      MyMar = setInterval(Marquee, speed);
                                                  }
                                              });
                                              myfun();
                                          });
                                    </script>

===========以下是滚动区域的Html代码=============

  <div class="sqBorder">
  <!--滚动区域-->
    <div id="outdiv" class="scroll_div">
      <div id="indiv">
      <div  class="img">
      ....需要加进来的Item层
      </div>
      </div>
      <div id="movediv"></div>
    </div>
  <!--滚动区域-->
  </div>

现在我想把样式为"Item"的层添加到class="img"的层里面去，并且每次循环出一个

<div class="img">
  <div class="Item"></div>
</div>

图片有三个Item也就是说要循环出三个这样的效果，请问如何做：

<div class="img">
  <div class="Item"></div>
</div>
<div class="img">
  <div class="Item"></div>
</div>
<div class="img">
  <div class="Item"></div>
</div>

[good-code]

在页面加载进来的时候就进行

[good-code]

[Quote=引用 7 楼 porschev 的回复:]

不在了？

那我只能给一点我理解的了

就是说给所有class为img的层里面添加一个 <div class="Item"></div>是吗？

如果我理解对了。。。那就是这样
C# code

在你循环出N个class为img的层之外加一句
$(".img").html("<div class=\"Item\">111</div>");
[/Quote]
但是我的class为img的层只有一个 class为Item的层不只一个有可能是N个 问题每次怎么循环对应的层 结果为如下：

<div class="img">
  <div class="Item"></div>
</div>
<div class="img">
  <div class="Item"></div>
</div>
<div class="img">
  <div class="Item"></div>
</div>

[good-code]

<div class="Item"></div>这个层是动态添加的，也就是说你不确定有几个这样的层。

[good-code]

...............

[good-code]

这里快来人哪

[taz01]

用jquery插件吧 很快的
http://www.kxbd.com/mylab/090720marquee/kxbdSuperMarquee.js

[porschev]

看得个半懂。。你是什么情况下循环添加层。。。。

初始。还是什么时候？

[Adechen]

mootools不懂，关注中

[porschev]

不在了？

那我只能给一点我理解的了

就是说给所有class为img的层里面添加一个 <div class="Item"></div>是吗？

如果我理解对了。。。那就是这样

  在你循环出N个class为img的层之外加一句
   $(".img").html("<div class=\"Item\">111</div>");