由于代码不全,只发个大体思路吧,你可以在每组div间放个span用来区分组
即function getMsg()
{
var content=document.getElementById("txtContent").value;
var name=document.getElementById("txtName").value;
var divcontent=document.getElementById("AddContent");
//divcontent.innerHTML="";
divcontent.innerHTML+=" <span><div style='width: 100%; height: 30px; background-color: #dcdcff; font-weight: bold; font-size: 12px; color: blue;'>"+name+":发表评论 </div>";
divcontent.innerHTML+=" <div style='width: 100%; height: 40px; border-bottom: #66ccff 1px dashed; font-size: 12px;'>"+content+" </div>";
divcontent.innerHTML+=" <div style='width: 100%; height: 30px; background-color: #ccffff; font-weight: bold; font-size: 12px; color: blue;'>"+"时间: </div></span>";
FadeText();
i=0;
}
然后在进行变色的时候再根据新加入的SPAN来确定哪个是最后一组function FadeText()
{
var obj= document.getElementById("AddContent")
var objSpans=obj.getElementsByTagName("span")
var objSpan=objSpans[objSpans.length-1]
if(i <18)
{
objSpan.style.visibility = "visible";
objSpan.style.backgroundColor = colors2[i];
i++;
timerID2 = setTimeout( "FadeText()", 100);
}
else
{
objSpan.style.backgroundColor="white";
}
}
即function getMsg()
{
var content=document.getElementById("txtContent").value;
var name=document.getElementById("txtName").value;
var divcontent=document.getElementById("AddContent");
//divcontent.innerHTML="";
divcontent.innerHTML+=" <span><div style='width: 100%; height: 30px; background-color: #dcdcff; font-weight: bold; font-size: 12px; color: blue;'>"+name+":发表评论 </div>";
divcontent.innerHTML+=" <div style='width: 100%; height: 40px; border-bottom: #66ccff 1px dashed; font-size: 12px;'>"+content+" </div>";
divcontent.innerHTML+=" <div style='width: 100%; height: 30px; background-color: #ccffff; font-weight: bold; font-size: 12px; color: blue;'>"+"时间: </div></span>";
FadeText();
i=0;
}
然后在进行变色的时候再根据新加入的SPAN来确定哪个是最后一组function FadeText()
{
var obj= document.getElementById("AddContent")
var objSpans=obj.getElementsByTagName("span")
var objSpan=objSpans[objSpans.length-1]
if(i <18)
{
objSpan.style.visibility = "visible";
objSpan.style.backgroundColor = colors2[i];
i++;
timerID2 = setTimeout( "FadeText()", 100);
}
else
{
objSpan.style.backgroundColor="white";
}
}
[color=#FF0000]去掉