望高手解答-js追加div层

good-code good-code 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
如图:

以下是基于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>
...全文

相关推荐

评论 9
收藏 已收藏
分享
返回顶部
good-code
.NET社区 62,272 成员 668,968 内容