默認值與實際值之間的切換

1、默認顯示如下樣式:
<!-- 下:提示信息 -->
<div class="infotip" name="tip">正常運營,運力充足</div>

2、當數字<180時,樣式變化,如圖:

3、實現方式:

//注意:初始化時,就設置默認數字顏色和提示信息樣式

var changeTip=function(){
    $("#font").css("color","#fff");//默認字體顏色
    $tip.removeClass("infotip_error").addClass("infotip"); //默認樣式
    var data=$("#font").text();
    if(data<180){
        $("#font").css("color","#f66282"); //改變字體
        $tip.removeClass("infotip").addClass("infotip_error"); //改變樣式
        $tip.text("正常運營,候車人數較多。");  //改變提示文字
    }
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章