|
|
网址：http://blacksnow.blog.51cto.com/265898/80637
如何实现文章中文字的打字效果的问题，其实，这个效果是用JavaScript来实现的，由于大多数博友网页知识不多，所以我就不深入讲解了。只要你按照本文的方法去做，保证你的文章实现打字效果！
第一步：首先在你的电脑桌面上点击鼠标右键--新建--文本文档，然后把下面代码复制进去，再把里面的文字修改成你自己想要的文字！
代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0035)http://www.bohope.com/myfriends.htm -->
<HTML><HEAD><TITLE>这里是网页的标题文字</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK
type=text/css rel=stylesheet>
<STYLE type=text/css>TD {
FONT-SIZE: 14px; LINE-HEIGHT: 28px
}
</STYLE>
<BGSOUND src="这是背景音乐网址" loop=infinite>
<META content="MSHTML 6.00.2900.2912" name=GENERATOR></HEAD>
<BODY bgColor=#003366 leftMargin=38
background=这是背景图片网址>
<SCRIPT language=VBScript>
dim w,t,p,mm,c,mr,dy,tmp,vs:vs=5:dy=1:p=1:mr="<BR><BR><BR>":c="<font color=white><B>|"&mr:Set w = document.body
sub tp
m=mid(t,p,1):if m="" then c=mr
if m="`" then m="":mm=mid(mm,1,len(mm)-1)
if m="<" then av=instr(mid(t,p),">"):m=mid(t,p,av):p=p+av-1
if m="&" then av=instr(mid(t,p),";"):m=mid(t,p,av):p=p+av-1
tmp=100:if m="." then tmp=400 else if m="," then tmp=200 else if m=" " then tmp=200
if w.scrollHeight-w.scrollTop>w.offsetHeight then w.scrollTop=w.scrollTop+int(dy):dy=dy+dy/vs else dy=1
mm=mm&m:w1.innerHTML=mm&c:p=p+1:if p<=len(t)+1 then SetTimeOut "tp",16+tmp else w.scroll="yes"
end sub
sub window_onload()
w.scroll="yes"
w.bgcolor="#A8A8A8"
w.style.cursor="crosshair"
'-------------------
t=w0.innerHTML:tp
end sub
</SCRIPT>
<DIV id=w0 style="DISPLAY: none; WIDTH: 400px; HEIGHT: 1263px">
<DIV align=center>
<CENTER>
<TABLE height=80 width=400 border=0>
<TBODY>
<TR>
<TD align=left width=5 height=80></TD>
<TD align=middle width=390 height=80><B><FONT face=华文行楷 color=#ff0000
size=5>这是文章题目</FONT></B></TD>
<TD align=right width=5 height=80></TD></TR></TBODY></TABLE></CENTER></DIV>
<TABLE width=400 align=center border=0>
<TBODY>
<TR>
<TD>
< ><B><FONT color=#00ff00 size=4>这是文章副标题或者备注</FONT></B></P>
<HR width="100%" SIZE=1>
<><FONT color=#ffffff size=3>这里是正文第一段文字</FONT></P>
<><FONT color=#ffffff size=3>这里是正文第二段文字</FONT></P>
<><FONT color=#ffffff size=3>大家可以接着写下面的文字</FONT></P>
</TD></TR></TBODY></TABLE></DIV>
<DIV id=w1 style="WIDTH: 400px; HEIGHT: 16px" align=center></DIV>
<DIV align=left>
<TABLE cellSpacing=0 cellPadding=0 width=400px; border=0;align=left>
<TBODY>
<TR>
<TD align=left><img src="插入的图片网址" height="100"> </P>
<BR><BR>
<DIV style="DISPLAY: none" align=center></DIV></TD></TR></TBODY></TABLE>
</DIV><></P></BODY></HTML>
代码说明：如果你不想插入背景音乐，可以直接删除“背景音乐网址”的文字；另外将代码中相应的文字改成自己需要的文字即可，其中正文的文字需要一段一段的输入，所以大家最好首先在一个记事本文档里面编辑好文字，然后一段一段的粘贴进去即可。〕
其中代码中的蓝色部分，是大家自由发挥的空间，你可以只插入一张图片，当然也可以像我那样插入滚动图片，还可以插入透明Flash等等，只要你能够灵活运用本博其他文章中的代码，加以适当的组合，就会做出千变万化的效果！这里在下就不多说了。
第二步：将设置好的文件保存，然后重命名为网页形式，例如“file.htm”，这时候电脑必定会弹出一个对话框，选择“是”。
第三步：找一个免费空间上传你设置好的网页，在下推荐：http://home.139.com
将你上传的文件网址复制到以下的代码中，然后将代码添加到你的文章“显示源代码”里就可以了。代码如下：
<IFRAME style="WIDTH: 100%; HEIGHT: 500px" marginWidth=0 marginHeight=0 src="你的文件网址" frameBorder=0 width="100%" scrolling=no height=500></IFRAME>
代码说明：其中的HEIGHT: 500px表示界面的高度，你可以根据自己的需要设置，建议不要超过600。 |
|
发表于 2009-6-16 12:06:49
发表于 2009-6-16 12:31:34