ccidnet????

出版日期:1997-10-27 总期号:681 本年期号:41

本期导读
综合要闻
网络通信
市场商情
国际文摘
技术专题
软件应用
主页制作的几个技巧

姜璇 赵红梅

  1.自动滚屏:绝大多数主页的显示范围会超出屏幕,访问者都必须要按动水平或垂直滚动杆来跳过开始的欢迎词,下面的函数演示了自动按指定的方向、速率、范围游动的主页的制作。

  varpositionΚ0;

  functionscroller()

  {

  if(position!Κ400)

  {

  position++;

  parent.scroll(400,position);

  cleartimeout(timer);

  vartimerΚsettimeout(″scroller()″,0);

  timer;

  }

  }

  2.如果想让访问者浏览你的主页时,显示出他的浏览器类型、版本号等信息,并提出建议,如:“请使用netscape浏览器。”那么,就把下面的函数加入到你的源代码中。

  variΚ0;

  varjΚ0;

  varnΚ0;

  varbrowserinfoΚ″您的浏览器是:″+navigator.appname+″″+navigator.appcodename+″″+navigator.appversion;functionmakearray(n)

  {

  this.lengthΚn;

  for(varjΚ0;jΙn;j++)

  {

  this[j]Κ0;

  }

  returnthis;

  }

  varmessagesΚnewmakearray(3);

  messages[0]Κ″您的浏览器名字:″+navigator.appname;

  messages[1]Κ″您的浏览器代码:″+navigator.appcodename;

  messages[2]Κ″版本:″+navigator.appversion;

  messages[3]Κ″ 欢迎到光临寒舍 ″;

  functionshowinfo()

  {

  document.menu.display.valueΚmessages[i];

  if(iΛ2)

  iΚ0

  elsei++;

  document.menu.display.valueΚmessages[i];

  browserinfoΚmessages[i];

  settimeout(″showinfo()″,3000);

  }

  3.游动字幕:主页的信息要让访问者注意,使用动态效果是很重要的。开个小窗口让文字信息反复游动,效果很不错!汉字中间的空格是必须的,目的是不出现乱字符。

  varid,positionΚ0;

  functionbanner()

  {

  vari,k;

  varm1Κ″此处属不定期更新,有时间您就常来看看...″;

  varm2Κ″″;

  varm3Κ″本站点正在积极的建设中,望各位高手赐教!″;

  varm4Κ″″;

  varmsgΚm1+m2+m3+m4;

  kΚ(165/msg.length)+1;

  for(iΚ0;iΙΚk;i++)msg+Κ″″+msg;

  document.form1.banner.valueΚmsg.substring(position,position+160);

  if((position++)ΚΚmsg.length)positionΚ0;

  idΚsettimeout(″banner()″,100);

  }

  4.时钟:所有的动态效果中,时钟是一个百用不厌的选择,试试下面的代码吧!

  vartimevalueΚ″″;

  functionshowtime()

  {

  vartodayΚnewdate();

  timevalueΚ(today.getyear()+1900)+″年″+(today.getmonth()+1)+″月″+today.getdate()+″日″;

  timevalue+Κ((today.gethours()Ι10)?(″0″+today.gethours()):today.gethours());

  timevalue+Κ((today.getminutes()Ι10)?″:0″:″:″)+today.getminutes();

  timevalue+Κ((today.getseconds()Ι10)?″:0″:″:″)+today.getseconds();

  document.menu.time.valueΚtimevalue;

  settimeout(″showtime()″,1000);

  }

  上述代码都已经调试通过,读者可到下面的网址去浏览实际运行效果。

  http://www3.east.cn.net/computer/meihong

  也可以自行编制如渐变色、由远及近等特殊效果。本人已将全部源代码打包成source.zip,读者亦可从此网页上直接下载。