如何让标签中的文字闪烁?

时间:2014-08-26 10:08:37

标签: c# jquery asp.net

我试图让标签中的文字闪烁。这是我正在使用的代码:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<script src="../jquery-1.3.2.min.js" language="javascript" type="text/javascript">    </script>
<script src="../jquery-blink.js" language="javscript" type="text/javascript"></script>

<script type="text/javascript" language="javascript">

$(document).ready(function()
{
        $('.blink').blink();        
});

</script>
<div runat="server" id="blinkText">                    
<asp:Label ID="lblMessage" runat="server" Font-Bold="True" ForeColor="Red">
</asp:Label>
</div>
</asp:Content>

在代码背后:

lblMessage.Text = "You can not complete the test unless you solve all the questions";
blinkText.Attributes.Add("class", "blink");

消息在运行时出现但它没有闪烁。我出错了什么?另一个可能有用的信息是这个标签lblMessage在更新面板中。

4 个答案:

答案 0 :(得分:1)

您的标签ID为lblMessage,您可以将其添加到其中,而不是blinkText 你的代码是:

lblMessage.Text = "You can not complete the test unless you solve all the questions";
blinkText.Attributes.Add("class", "blink");

将其更改为:

lblMessage.Text = "You can not complete the test unless you solve all the questions";
lblMessage.Attributes.Add("class", "blink");

并尝试...

答案 1 :(得分:1)

首先,你在$('.blink')做一个类选择器 因此,要使其工作,您需要将该类添加到Label

<asp:Label ID="lblMessage" runat="server" Font-Bold="True" CssClass="blink" ForeColor="Red">
</asp:Label>

或我更喜欢的是通过ID

的普通元素选择器
$('<%=lblMessage.ClientID%>').blink();

将MasterPages与ContentPlaceHolders一起使用时,只需在选择器中的元素ID之前添加内容持有者ID,并使用下划线

$('ContentPlaceHolder1_lblMessage').blink();

//只需调试它,然后它会添加其他字符,例如内容占位符部分$ct01_前面的$('$ct01_ContentPlaceHolder1_lblMessage')

<强> 修改

如果你想让整个Div闪烁, 使用以下javascript / Jquery

$(document).ready(function()
{
    $('#blinkText').blink();        
});

否则,如果你只想让分配了blink类的元素闪烁,那么正如@Farrokh在答案中提到的那样正确分配类

答案 2 :(得分:0)

使用System.Threading,将AJAX计时器控件和ScriptManager添加到您的aspx页面。

<asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>

    <asp:timer runat="server" ID="tmr1" Interval="300000" ontick="tmr1_Tick"></asp:timer>
    <asp:Label ID="lblMessage" runat="server" Font-Bold="True" ForeColor="Red"></asp:Label>
在timer_tick事件中

输入以下代码:

protected void tmr1_Tick(object sender, EventArgs e)
        {
            lblMessage.Text = DateTime.Now.ToString("yyyy-MM-dd hh:mm:ss tt");
            lblMessage.Visible = true;
            Thread.Sleep(10000);
            lblMessage.Visible = false;

        }

答案 3 :(得分:0)

好的伙计,如果你的问题没有解决,请试试这个:

  1. span中添加HTML并向其添加class='blink',然后重新加载页面以查看发生的情况。
  2. 有两个结果:
    1. span眨眼,然后您的服务器端代码出现问题,我们应该检查一下
    2. span没有眨眼,那么您的客户端代码就有问题我们应该纠正它。
  3. 我们在等你的回答......