网页html中,浮动数值,数字大于0时红色显示,数字小于零时绿色显示,用js或css如何写
2个回答
展开全部
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
}
})
<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
}
})
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询