jquery - 页面加载后的文字效果展示

Question

我需要文字发光效果。我找到了这个位置。

http://jsfiddle.net/karim79/G3J6V/1/

但是客户端希望文本效果不是悬停，而是在页面加载后发生变化。

我不知道jquery，javascript。我花了更多时间来修复它。但我失败了。任何人都可以帮助我。

谢谢

Answer 1

在页面加载时，您可以像这样使用 document.ready：

$(document).ready(function() {

    setInterval(function() {

        $(".confirm_selection").animate({
        color: "red"
        }, 2000, function() {

     $(".confirm_selection").animate({
        color: "black"
     }, 2000);        

  });

    },4010);



});​

现在它在页面加载时开始发红光。

Answer 2

试试这样的http://jsfiddle.net/G3J6V/113/。

$(document).ready(function() {
    setInterval(function() {
        $(".confirm_selection").animate({color: "red"}, 2000).animate({color: "black"}, 2000);
    }, 400);
});​

它使用 jquery $(document).ready() 所以基本上一旦一切都加载了它会显示动画。然后我使用 setInterval() 函数来重复动画。

或者我建议使用类似 jQuery 的东西(window)load.()。

(window).load(function(){
    setInterval(function() {
        $(".confirm_selection").animate({color: "red"}, 2000).animate({color: "black"}, 2000);
    }, 400);
});

基本上，当加载所有图像和所有内容时，它会执行此功能。

Answer 3

$(document).ready(function() {
$('.confirm_selection').animate({
    color: "red"
}, 2000) ;

$('.confirm_selection').animate({
    color: "black"
}, 2000);

});

利用$(document).ready()

Answer 4

尝试这个：

$(document).ready(function() {
    $(".confirm_selection").animate({
        color: "red"
    }, 2000, '', function() {
    $(".confirm_selection").animate({
        color: "black"
    }, 2000); });
});​

在$(document).ready()加载 DOM 时生成脚本。