分享

如何实现文章打字效果

 仇甄 2013-08-18

第一步:首先在你的电脑桌面上点击鼠标右键--新建--文本文档,然后把下面代码复制进去,再把里面的文字修改成你自己想要的文字!

代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0035)http://www./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>
      <P><B><FONT color=#00ff00 size=4>这是文章副标题或者备注</FONT></B></P>
 <HR width="100%" SIZE=1>
      <P><FONT  color=#ffffff size=3>这里是正文第一段文字</FONT></P>
      <P><FONT color=#ffffff size=3>这里是正文第二段文字</FONT></P>
      <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></P></BODY></HTML>

代码说明:如果你不想插入背景音乐,可以直接删除“背景音乐网址”的文字;另外将代码中相应的文字改成自己需要的文字即可,其中正文的文字需要一段一段的输入,所以大家最好首先在一个记事本文档里面编辑好文字,然后一段一段的粘贴进去即可。〕

  其中代码中的蓝色部分,是大家自由发挥的空间,你可以只插入一张图片,当然也可以像我那样插入滚动图片,还可以插入透明Flash等等,只要你能够灵活运用本博其他文章中的代码,加以适当的组合,就会做出千变万化的效果!这里在下就不多说了。

第二步:将设置好的文件保存,然后重命名为网页形式,例如“file.htm”,这时候电脑必定会弹出一个对话框,选择“”。

第三步:找一个免费空间上传你设置好的网页,在下推荐:http://home.

   将你上传的文件网址复制到以下的代码中,然后将代码添加到你的文章“显示源代码”里就可以了。代码如下:

<IFRAME style="WIDTH: 100%; HEIGHT: 500px" marginWidth=0 marginHeight=0 src="你的文件网址" frameBorder=0 width="100%" scrolling=no height=500></IFRAME>
 
代码说明:其中的HEIGHT: 500px表示界面的高度,你可以根据自己的需要设置,建议不要超过600。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约