JavaScript实现文字跟随鼠标特效

本文实例讲述了Java脚本语言如何实现文字跟随鼠标特效。分享给大家供大家参考。具体如下：

运行效果图如下：

HTMLHEADTITLE鼠标特效-文本围绕鼠标/TItle/床头brbrcenterfont color=' red 'h2鼠标特效-文本围绕鼠标/h2/fonthr宽度=300brbr！-案例代码开始-脚本语言=JavaScript var CX=0；var cy=0；var val=0；函数MouseTextStart(){ for(I=1；I=7；I){ val=setInterval(' MouseTextShow(1)'，20)；-[步骤1]:这里可以设置文本的抖动速度，数值大速度慢-setInterval(' MouseTextFollow(' I ')，100)；}}函数MouseTextShow(I){ var w=eval(' MouseText ' I)；with(w . style){ visibility=' visible '；s=ParSeint(FontSize)；if(s=200)s-=100；否则if(s90s=100){ s-=85；clearInterval(val)；if(i7)val=设置间隔(' MouseTextShow(' I(1)')'，20)；} font size=s；} }函数MouseTextFollow(I){ var x；if(i6)x=CX-70 I * 10；else x=CX-35i * 10；var y=cy-10数学。地板(数学。random()* 40)；w=eval(' MouseText ' I)；带(w . style){ left=x . ToString()' px '；top=y . ToString()' px '；} }函数MouseTextLocation(){ CX=窗口。事件。x；cy=窗口。事件。y；}文档。onmousemove=MouseTextLocation！-[步骤2]:在此能够更改文本的总数目-var MouseText=新数组(7);-[步骤3]:这里可以按序增加文本信息- MouseText[1]='脚；' MouseText[2]='本；' MouseText[3]='之；' MouseText[4]='家；' MouseText[5]='欢；' MouseText[6]='迎；' MouseText[7]='你；-[步骤4]:在此能够更改文本的颜色-for(I=1；I=7；I)文件。write(' div id=' MouseText ' I ' ' style=' width :20 px；高度：20 px位置：绝对；font-size :1000可见性：隐藏' font face=' Forte ' color=' # ff 0000 ' ' MouseText[I]'/font/div ')；MouseTextStart()；/脚本！-案例代码结束- /BODY/HTML

希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。