
| 出版日期: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; document.form1.banner.valueΚmsg.substring(position,position+160); if((position++)ΚΚmsg.length)positionΚ0; idΚsettimeout(″banner()″,100); } 4.时钟:所有的动态效果中,时钟是一个百用不厌的选择,试试下面的代码吧! vartimevalueΚ″″; functionshowtime() { vartodayΚnewdate(); timevalueΚ(today.getyear()+1900)+″年″+(today.getmonth()+1)+″月″+today.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,读者亦可从此网页上直接下载。 |
|||||||||||||||||