只言片语
| ||
|
Kira @ 2007-07-17 01:48
转载、引用、使用请注明出处,谢谢
来自石头兔 http://booker.yculblog.com 说明,计数器图片(0到9共10张)全部使用如下地址格式: http://www.test.com/0.gif ... http://www.test.com/9.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"即可。{ counter }中的空格去掉。熟悉javascript的,我就不用解释过多了。 <script type="text/javascript"> <!-- drawCnt(); //--> </script> |
| 最新评论 | |||
| |||
| |||
| |||
| |||
| |||
| |||
| |||