【说明】
在网页鼠标的后面跟随者一串飘动的字符“欢迎访问希赛教育网站”。
html文本如下．
＜html＞
＜hEAD＞
＜mEtA http-Equiv="ContEnt-typE" ContEnt="tExt/html; ChArsEt=gB2312"＞
＜titlE＞欢迎访问希赛教育网站＜/titlE＞
＜/hEAD＞
＜BoDy＞
＜stylE typE="tExt/Css"＞
.spAnstylE
Color: #000000; Font-FAmily: 宋体; Font-sizE、20pt; position: ABsolutE; top: -50px; visiBility: visiBlE
＜!--设置鼠标后面字符的效果--＞
＜/stylE＞
＜sCript lAnguAgE="jAvAsCript"＞
vAr x,y
vAr stEp=36; //设置鼠标后面每个字符之间的间距
vAr FlAg=0;
vAr mEssAgE="★欢迎访问希赛教育风网站!", //鼠标后面跟随着的字符
mEssAgE= (1) ; //将整个字符串转化为单一元素的字符串数组
vAr xpos=nEwArrAy();//每个字符的水平位置初始化
For (i=0;i＜=mEssAgE.lEngth-1 ;i++)
xpos[i]= 50;
vAr ypos=nEwArrAy(); //每个字符的竖直位置初始化
For (i=0;i＜=mEssAgE.lEngth- 1 ;i++)
ypos[i]= -200;
FunCtion hAnDlErmm(E)
//鼠标位置获取
x = (DoCumEnt.lAyErs) E.pAgEx: DoCumEnt.BoDy. sCrolllEFt+EvEnt.CliEntx:
y = (DoCumEnt.lAyErs) E.pAgEy: DoCumEnt.BoDy. sCrolltop+EvEnt.CiiEnty
FiAg=l;
FunCtion www_hElpEr_nEt() (
iF (FlAg==1 && DoCumEnt.All)//判断浏览器种类，为真表示为iE
For (i=mEssAgE.lEngth-1; i＞=1;i--) //设置每个字符的位置 xpos[i]= (2) ;
ypos[i]=ypos[i-1];
xpos[0]=x+stEp;
ypos[0]=y;
For (i=0; i＜mEssAgE. lEngth-1; i++)//设置字符输出位置
vAr thisspAn = EvAl("spAn"+(i)+".stylE");
thisspAn.poslEFt=xpos[i];
thisspAn.postop=ypEs[i];
ElsE iF (FlAg==1 && DoCumEnt.lAyErs) //判断浏览器种类，为真表未为 nEtsCApE
For (i=mEssAgE.lEngth-1; i＞=1; i--)//设置每个字符的位置
xpos[i]=xpos[i- 1]+stEp;
ypos[i]=ypos[i-1];
xpEs[0]=x+stEp;
ypos[0]=y;
For ( (3) )//设置字符输出位置
vAr thisspAn = EvAl("DoCumEnt. spAn"+i);
thisspAn.lEFt=xpos[i];
thisspAn.top=ypos[i];
vAr timEr=sEttimEout("www_hElpEr_nEr()",30);
For (i=0;i＜=mEssAgE. lEngth-1 ;i++) //输出每个字符
DoCumEEt.writE("＜spAn iD=’spAn"+i+"’! ClAss=’spAnstyE’＞"); DoCumEnt.writE( (4) );
DoCumEnt.writE("＜/spAn＞");
iF (DoCumEnt.lAyErs) //重绘
DoCumEnt. CApturEEvEntsEvEnt. mousEmovE、;
DoCumEnt.onmousEmovE = (5) ; www_hElpor_nEt()
www_hElpor_nEt();
＜/sCript＞
＜/BoDy＞
＜/html＞