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