如何用CSS或JS做正数和小数各种样式
问题:比方说要调用出来的数值是"98.16"我想把将正数部份 "98" 用一个样式显示字体大小为"48px"为黄色将小数点和小数部份".16"用一个样式显示字体大小为"24px"为红色!
代码列表:
<style type="text/css">
<!--
/*红色*/
.hongs {
color: #FF0000;
font-size: 24px;
}
/*黄色*/
.huangs {
font-size: 48px;
color: #FFCC00;
}
-->
</style>
<span class="huangs" id='zs'></span>
<span class="hongs" id='xs'>.</span>
<script language="javascript">
function $id(id)
{
return document.getElementById(id);
}
var ccb='96.78';//这是你调用的数值,具体你自己更改
shuzhi = ccb.split(".");
blah1=shuzhi[0];
blah2=shuzhi[1];
$id("zs").innerHTML = blah1;
$id("xs").innerHTML = '.'+blah2;
</script>注:自己想调用什么颜色,什么值,修改代码就可以了。
爱电脑 就爱www.zzzyk.com 电脑知识网