数字代码图片设计(数字代码头像)

http://www.itjxue.com  2023-02-17 18:26  来源:未知  点击次数: 

求一个js日期代码,需要在网页上输出的是图片,就是0-9的数字,替换成设计好的图片在网页上显示

按照以下步骤来:

1、获取当前日期

2、生成日期字符串

3、显示

准备好一张数字的图片:

【代码】

style?type="text/css"

/*?css?*/

.num_0,?.num_1,?.num_2,?.num_3,?.num_4,?.num_5,?.num_6,?.num_7,?.num_8,?.num_9?{?background:url(numbers.gif)?no-repeat?0?0;?display:inline-block;?width:40px;?height:40px;?}

.num_1?{?background-position:-40px?0;?}

.num_2?{?background-position:-80px?0;?}

.num_3?{?background-position:-120px?0;?}

.num_4?{?background-position:-160px?0;?}

.num_5?{?background-position:-200px?0;?}

.num_6?{?background-position:-240px?0;?}

.num_7?{?background-position:-280px?0;?}

.num_8?{?background-position:-320px?0;?}

.num_9?{?background-position:-360px?0;?}

/style

div?id="dis"/div

script

var?date=new?Date(),

? ? str=''+date.getFullYear()+(date.getMonth()+1)+date.getDate(),

? ? i=0,

? ? len=str.length,

? ? html=[];

for(;?ilen;?i++)

? html.push('span?class="num_'+str[i]+'"nbsp;/span');

document.getElementById('dis').innerHTML=html.join('');

/script

【运行】

运行后,js代码会添加一些元素到页面上,会生成如图所示的结构:

看下页面显示效果:

显示是通过样式表完成的。

这样子就实现一个比较简单的日期显示功能。希望可以帮到您。

我想用Flash做一个带有数字的图片切换的效果图,怎么做才行,用代码怎么用

看图,最简单的,图层3,放置两个按钮原件,按钮1和2。其他两个图层是图。在放按钮的图层第一帧添加动作,STOP。按钮一添加动作,当点击按钮时停止到第一帧on?(release)?{gotoAndStop(1);},按钮二动作,当点击按钮时停止在第二帧on?(release)?{gotoAndStop(2);}。这是个最简单的切换图,当然你也可以编辑遮罩啊,或者直接编辑代码来做动态切换的效果。需要学习一定的脚本知识。

如何写一段JS代码实现用图片替换一段数字

script type="text/javascript"

$(function(){

var str="123454321"; //这里写你的数字

var sta=$(".main");

sta.html('');

str2="";

for(var i=0;istr.length;i++){

str2=str2+"img src='images/"+str.charAt(i)+".jpg'/br/";

}

sta.html(str2);

})

/script

(责任编辑:IT教学网)

更多
上一篇:没有了

推荐通讯数据软件文章