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("正常运营,候车人数较多。"); //改变提示文字
}
}