js特效文本跟随鼠标移动
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
1 打开新页面
鼠标特效篇--打开新页面
function OpenWindow () {
msg=open("", "NewWindow", "toolbar=yes, location=no, directories=yes, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=420, height=240"); }
2 文本框问绕鼠标
鼠标特效篇--文本围绕鼠标
var cx=0;
var cy=0;
var val=0;
function MouseTextStart(){
for(i=1;i<=7;i++) { val=setInterval("MouseTextShow(1)",20);
setInterval("MouseTextfollow("+i+")",100); }
}
function MouseTextShow(i){
var w=eval("MouseText"+i);
with(w.style) { visibility="visible"; s=parseInt(fontSize); if(s>=200)s-=100; else if(s>90&&s<=100) { s-=85; clearInterval(val); if(i<7)val=setInterval("MouseTextShow("+(i+1)+")",20); }
fontSize=s; }
}
function MouseTextfollow(i){
var x;
if(i<6)x=cx-70+i*10;
else x=cx-35+i*10;
var y=cy-10+Math.floor(Math.random()*40);
w=eval("MouseText"+i);
with(w.style) { left=x.toString()+"px"; top=y.toString()+"px"; }
}
function MouseTextLocation(){
cx=window.event.x;
cy=window.event.y;
}
document.onmousemove=MouseTextLocation;
var MouseText=new Array(7);
MouseText[1]="W"; MouseText[2]="e"; MouseText[3]="l"; MouseText[4]="c"; MouseText[5]="o"; MouseText[6]="m"; MouseText[7]="e";
for(i=1;i<=7;i++) document.write("
color='#FF0000'>"+MouseText[i]+"
MouseTextStart();
3 图形围绕鼠标
鼠标特效篇--图形跟随鼠标