1. 程式人生 > >預設值與實際值之間的切換

預設值與實際值之間的切換

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("正常運營,候車人數較多。");  //改變提示文字
    }
}