如何使这个工作Div addClass

时间:2012-11-17 00:23:29

标签: php javascript

我尝试做这项工作但不是运气,为什么当stats.php中的数字更新时,DIV没有突出显示(闪烁)?

在stats.php中

<div id="student_today"><b>$<?php print getTodayStats($collageid); ?></b></div>
Month:
<div id="student_month"><b>$<?php print getMonthStats($collageid); ?></b></div>

div的样式:

.stats_highlight{
background: #03B1EE;
border-top-color: #03B1EE;
z-index: 10;
color: #fff;

在main.php中:

                      <tr class="live">
                    <td width="267">
                      <p align="left">Today's Students:</p></td>
                    <td width="201">
                      <p align="left">&nbsp;</p></td>
                    <td width="220">
                      <span value="value" id="student_today"></span></td>
                  </tr>
                  <tr class="live">
                    <td width="267">
                      <p align="left">Month's students:</p></td>
                    <td width="201">
                      <p align="left">&nbsp;</p></td>
                    <td width="220">
                      <span class="value" id="student_month"></span></td>
                  </tr>

我需要能指导我解决这个问题的人。真的很感激。

2 个答案:

答案 0 :(得分:1)

你的问题:

  

你好,这里有人可以指导我如何获取javascript addClass    ?

使用jQuery的答案:

$('#test').click(function(){
  $(this).addClass('newClass').removeClass('initialClass');
});

请参阅DEMO

您需要点击'Some text here'(SPAN内容);比jQuery将用newClass替换initialClass。 ..

修改

以下是您的初步问题(关于您的意见):

直播 demo

现在,那是因为你需要淡出;替换类并淡入。如果您需要它而不需要更换类,甚至可以使用更少的代码。请随意使用该演示。

答案 1 :(得分:0)

我可能已经过熟了,但这会有用

setTimeout(function(){
                        $("#messagebox").fadeIn("slow", function () {
                        $("#messagebox").addClass("messageboxcss");
                        });
                        }, 1000); 


setTimeout(function(){
                        $("#messagebox").fadeOut("slow", function () {
                        $("#messagebox").removeClass("messageboxcss");
                        });
                        }, 2000); 

JSFIDDLE