原来的歪酷的计数器是用图片显示的，不知道什么时候开始就只剩文字了。于是很多人都另外申请一个漂亮的计数器。
本文教你简单的使用自己的计数器图片，以歪酷的计数器的数值，来实现自己特色的计数器。
说明，计数器图片（0到9共10张）全部使用如下地址格式：
http://foto.yculblog.com/booker//0.gif
...
jpg等亦可，但是下边代码中红色标识处就得改成相应的。
主函数如下：
<script type="text/javascript">
<!--
function drawCnt(){
var strImgCnt = ""; //计数器html字符串
//计数器图片的基地址
var baseurl = "http://www.test.com/";
//按照ID取得计数器的div对象
var ps = document.getElementById("counter");
//取得计数器数值
var nCnt = ps.innerHTML;
var i = 0;
//循环，按照每个数字，组合成一个图片串，存入strImgCnt
for(i=0;i<nCnt.length;i++){
strImgCnt = strImgCnt+"<img src=''"+baseurl+nCnt.charAt(i)+".gif'' alt=''0'' />";
}
//将计数器处的代码由数值替换成图片
ps.innerHTML= strImgCnt;
}
//-->
</script>
以下是启动代码，加在<div id="counter">{counter}</div>之后，如果不是<div id="counter">{counter}</div>，请修改自己的{counter}处。当然，也可以不用这种方式，你用什么定义都无所谓，用<p>、<span>等均可，id设为"counter"即可。熟悉javascript的，我就不用解释过多了。
<script type="text/javascript">
<!--
drawCnt();
//-->
</script>
本文教你简单的使用自己的计数器图片，以歪酷的计数器的数值，来实现自己特色的计数器。
说明，计数器图片（0到9共10张）全部使用如下地址格式：
http://foto.yculblog.com/booker//0.gif
...
jpg等亦可，但是下边代码中红色标识处就得改成相应的。
主函数如下：
<script type="text/javascript">
<!--
function drawCnt(){
var strImgCnt = ""; //计数器html字符串
//计数器图片的基地址
var baseurl = "http://www.test.com/";
//按照ID取得计数器的div对象
var ps = document.getElementById("counter");
//取得计数器数值
var nCnt = ps.innerHTML;
var i = 0;
//循环，按照每个数字，组合成一个图片串，存入strImgCnt
for(i=0;i<nCnt.length;i++){
strImgCnt = strImgCnt+"<img src=''"+baseurl+nCnt.charAt(i)+".gif'' alt=''0'' />";
}
//将计数器处的代码由数值替换成图片
ps.innerHTML= strImgCnt;
}
//-->
</script>
以下是启动代码，加在<div id="counter">{counter}</div>之后，如果不是<div id="counter">{counter}</div>，请修改自己的{counter}处。当然，也可以不用这种方式，你用什么定义都无所谓，用<p>、<span>等均可，id设为"counter"即可。熟悉javascript的，我就不用解释过多了。
<script type="text/javascript">
<!--
drawCnt();
//-->
</script>
