数字代码图片设计(数字代码头像)
求一个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