Jquery Fade-in with images

时间:2013-09-02 00:59:17

标签: jquery html5 fadein

我正在创建卡片应该淡入的纸牌游戏,我有以下函数showCard()接受2个变量,e是span / id,t是卡片的名称,如2c(2)俱乐部)。

我正在尝试使用.delay(40).fadeIn(80)来获取卡片而没有任何成功。有人可以在那里提出一些指示来帮助我吗?

function showCard(e, t) {
    if (t == "") return;
    var n = document.getElementById(e);
    n.src = "../images/75/" + t + ".png";
    if (n.style.visibility == "visible") {
        n.className = "";
        return
    }
    n.style.visibility = "visible";
    n.className = ""
}

以下代码在服务器端执行:“actions”只是jQuery监听器中捕获的数据数组

       $this->actions .= "showCard(\"split_card" . ($c + 1) . "\", '{$this->split_cards[$c]}');";

1 个答案:

答案 0 :(得分:0)

您不需要delay。我不确定你的确切问题是什么,因为你粘贴的代码与你所说的不同。

在任何情况下,由于您标记了jQuery并提及它,我猜您可以使用它。然后你可以这样做:

function showCard(e,t){
    if (t == "") return;
    var n = $('#' + e);

    n.attr('src',t)
    .fadeIn(1000);
}

我做了一个简单的例子here

另外,显然,请确保您的CSS设置正确(例如,如果已经显示,则淡入)。