当前位置:编程学习 > html/css >>

如何用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 电脑知识网

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,