查看: 1657|回复: 33

[转帖教程] 用代码做打字机效果字

[复制链接]

0

主题

569

帖子

0

精华

高级会员

稍后再试

Rank: 4

积分
693
金钱
631
存款
0
发表于 2008-1-11 17:12 | 显示全部楼层 |阅读模式


0

主题

569

帖子

0

精华

高级会员

稍后再试

Rank: 4

积分
693
金钱
631
存款
0
 楼主| 发表于 2008-1-11 17:13 | 显示全部楼层
代码如下:

<FONT face=黑体><FONT size=6>
< style="LINE-HEIGHT: 45px" align=left><BR>
<SCRIPT language=JavaScript1.2>
var message="红人居论坛给大家提供的是一个广泛的交流空间。其宗旨是营造一个开心、清新、音画创作共享、活力四射的交流平台。网友之间的交流是一个互相感染、互相影响、互相欣赏的精神创造过程,红人居真诚希望通过所有网友的共同努力,给大家带来清新快乐的生活。"
var ne
var ne  
var flashspeed=200
  //in milliseconds
///No need to edit below this line/////
var n=0
if (document.all){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight">'+message.charAt(m)+'</span>')
document.write('</font><BR><br>')
//cache reference to neonlight array
var tempref=document.all.neonlight
}
else
document.write(message)
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
tempref[n].style.color=neontextcolor
if (n<tempref.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}
function beginneon(){
if (document.all)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</SCRIPT>
</FONT></P></FONT>

[ 本帖最后由 新手上路 于 2008-1-11 17:55 编辑 ]

0

主题

569

帖子

0

精华

高级会员

稍后再试

Rank: 4

积分
693
金钱
631
存款
0
 楼主| 发表于 2008-1-11 17:21 | 显示全部楼层
我晕~
代码发上来,论坛怎么不能显示这里的红色部分?(红色部分是颜色的代码)

var neonbasecolor="# 000000" 是底色
var neontextcolor="# FF0000" 是打字效果走动后的颜色

反正大家记住要在红色部分的后面加上颜色的代码~

[ 本帖最后由 新手上路 于 2008-1-11 18:22 编辑 ]
未命名1.jpg
未命名副本.jpg

0

主题

569

帖子

0

精华

高级会员

稍后再试

Rank: 4

积分
693
金钱
631
存款
0
 楼主| 发表于 2008-1-11 17:52 | 显示全部楼层
var neonbasecolor="# 000000" 是底色
var neontextcolor="# FF0000" 是打字效果走动后的颜色

两种颜色自己可以改变,如果都用一种色彩,那么看上去就会像打字机那样一个字一个字的出现。。。。。

要用在帖子里面的方法就是:
把底色颜色代码(即黑色部分)换成你贴子背景色的代码,这样做出来的效果就是打字效果了。

注:如果你觉得文字变化的速度太快,只要调下 flashspeed=200 参数,调到 flashspeed=500 左右,就很慢了。

也就是说,参数值越大,速度越慢,数值越小速度越快。

0

主题

569

帖子

0

精华

高级会员

稍后再试

Rank: 4

积分
693
金钱
631
存款
0
 楼主| 发表于 2008-1-11 18:25 | 显示全部楼层
  [ 本帖最后由 新手上路 于 2008-1-11 18:29 编辑 ]

20

主题

1万

帖子

82

精华

H音画组

★H音画组 老五

Rank: 9Rank: 9Rank: 9

积分
21088

优秀版主勋章特殊贡献勋章特别勤劳勋章优秀原创勋章

金钱
23460
存款
5000
发表于 2008-1-11 18:40 | 显示全部楼层
效果不错,要配上个打字的声音就更好了,哈哈。

谢谢新手上路分享代码。

0

主题

569

帖子

0

精华

高级会员

稍后再试

Rank: 4

积分
693
金钱
631
存款
0
 楼主| 发表于 2008-1-11 18:46 | 显示全部楼层
原帖由 红海莲 于 2008-1-11 18:40 发表
效果不错,要配上个打字的声音就更好了,哈哈。

谢谢新手上路分享代码。


请问老师:论坛怎么不能显示图片里面的红色部分?

20

主题

1万

帖子

82

精华

H音画组

★H音画组 老五

Rank: 9Rank: 9Rank: 9

积分
21088

优秀版主勋章特殊贡献勋章特别勤劳勋章优秀原创勋章

金钱
23460
存款
5000
发表于 2008-1-11 18:50 | 显示全部楼层
在所见即所得模式下编辑,可以单独更换字体颜色,试试看。

0

主题

569

帖子

0

精华

高级会员

稍后再试

Rank: 4

积分
693
金钱
631
存款
0
 楼主| 发表于 2008-1-11 19:21 | 显示全部楼层
原帖由 红海莲 于 2008-1-11 18:50 发表
在所见即所得模式下编辑,可以单独更换字体颜色,试试看。


一开始就试了好几次,她就是不买我账......

0

主题

569

帖子

0

精华

高级会员

稍后再试

Rank: 4

积分
693
金钱
631
存款
0
 楼主| 发表于 2008-1-11 19:23 | 显示全部楼层
有些论坛不会出现这个情况

[ 本帖最后由 新手上路 于 2008-1-11 19:26 编辑 ]
guest
welcomelogin
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表