猫扑博客美化教程之JS文件详解

来源:└博友窝  编辑:博客代码网  发布时间:2007-03-06  点击:  [收藏]

第2章、JS文件详解

上面打开的这个JS文件满眼的E文,这里小囡囡就来详细解释这个文件~~

1、下载样本JS文件,也在“记事本”打开,用这个格式文件就可以很容易制作出你自己的JS文件:
  强烈推荐通过修改这个文件的方法来写JS文件,这样不容易出错!

  (huitest.js)    (点这里下载样本JS文件,也可以按右键“目标另存为”)

2、在“记事本”里就可以看到,这就是JS文件的结构:

  

  一共有4行代码,第四行特别长,需要滚动条才能查看,
  你可以点击“格式”菜单中的“自动换行”来达到这样的效果:
  注意:一定要通过这种方式来查看很长的语句,而不要在语句中间加回车来分成两行。

  

  所有的奥秘都在这个文件里,这个文件一共有4行,这4行分别对应这4个功能:

  1)、增加超过255个字符的个性说明~~
  2)、给主页添加背景图片
  3)、给主页添加背景音乐
  4)、添加FLASH动画

3、我们来总结一下这4条语句的特点:

  1)、每条语的格式都是: document.write(‘HTML语句’); 
  2)、HTML语句就是在前面的基础教程中讲的的语句。
  3〕、在个人资料一项中,如果要分两行显示,要通过 < br> 来实现,而不能把语句分为两行写。
  4)、当然在两个语句之间是要用回车分开的。
  5)、强烈推荐通过下载并修改样本JS文件的方法来写文件,而不是全部手工写代码。(高手另当别论:)

  另:有些朋友喜欢用彩色的字作个人介绍,就要用这样的语法:
    
document.write(‘< font color=red>个人资料< / font>‘);
  你把red改成自己喜欢的颜色就可以了!(注意,又要删三个空格,这个语句中应该没有空格)

4、你只要将个人资料和音乐、图片、FLASH地址换成自己喜欢的,就可以组合出你自己喜欢的效果了。
  解剖一下第一章用到的小囡囡的JS文件,就是这样的:

  

  如果你关掉“记事本”的“自动换行”,这个文件其实也就是那4条语句

  JS文件最容易出错的地方就是在语句中间加了回车,要检查是否正确,只需关闭“记事本”的“自动换行”功能,看看是否为指定条数语句就可以了。如上面这个例子,一共用了4个效果,应该有4行:

  

  

5、有了这个JS在后面撑腰,再多的效果也能容纳了!
  有的同学马上就想到了一个问题,我自己的JS文件也做好了,我该怎么上传到服务器,怎么代替下面所指的地址呢?考试版 版很简单,就是上传到朋友圈就可以了!马上看下一章的说明:

  


文章地址: