网页html中,浮动数值,数字大于0时红色显示,数字小于零时绿色显示,用js或css如何写

请教下,网页html中,浮动数值,数字大于0时红色显示,数字小于零时绿色显示,用js或css如何写
最新回答
———过客栈

2024-06-29 07:31:07

html:
<script src="
http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
" type="text/javascript"></script>

<input type="text" class="num" />

jquery:
$(document).ready(function(){
var mun = $(".num").val();
if (mun > 0) {//这个是判断它是不是大于0

$(".num").css("color","red");

}
if(mun < 0) {//这个是判断它是不是小于0
$(".num").css("color","green"); //添加颜色,可以是具体
色值
。如:#f60

}

})
空自忆

2024-06-29 07:17:13

用js吧,这个数值是有范围的吧,不能是网页所有数字都这样吧。
这个写倒是好写,范围先确定吧。
其实就是给字数外面套个样式。<font color="red">1</font>

<font color="green">-1</font>