如何为实时 ajax div 块制作发光效果答案

【问题标题】：how make glowing effect for a real time ajax div block如何为实时 ajax div 块制作发光效果
【发布时间】：2012-05-22 08:42:38
【问题描述】：

我有一个 Ajax 代码来实时捕获 txt 文件中的结果，然后结果会自动显示在 div 块中，并带有以下几行：

if (xmlhttp.responseText != "") {
    InnerHTMLText = xmlhttp.responseText + document.getElementById("div").innerHTML;
    document.getElementById("div").innerHTML = InnerHTMLText;
}

如您所见。此代码首先从 div 块中获取结果并将其添加到 xmlhttp.responseText 中，然后再次显示在 div 块中。

我的问题是显示具有发光或褪色效果的新结果。

【问题讨论】：

标签： javascript ajax real-time effects

【解决方案1】：

在 Jquery 中：

$(document).ready(function () {
    $(".glow")
        .bind("fadeglow", function() {        
            $(this)
                .fadeOut(1000)
                .fadeIn(1000)
                .trigger("fadeglow");
        }).trigger("fadeglow");
   }
);

【讨论】：

【解决方案2】：

如果对您有帮助，请查看我的代码。我刚刚使用css3作为div的发光边框

http://jsfiddle.net/yncqk/16/

【讨论】：