js文字放大效果代码共享
先显示效果图:
我们先运行演示代码尝试-------------------------------------------类似效果
具体代码如下
JS字符的球状放大效应
体{光标:十字线;保证金:0;padding: 0;位置:绝对;溢出:隐藏;背景:# 000;左:0;最高:0;宽度:100%;高度:100%;}
跨{位置:绝对的;字体:Verdana;font-weight: bold;}
<!——
T =realhow是你怎么定义真实如果你谈论什么,谈论
我= 0;
O =新数组();
XM = 1000;
YM = - 1000;
拉德= 80;
昏暗= 200;
w=0;
h=0;
NX = 14;
纽约= 14;
VaR NX;
var纽约;
document.onmousemove =功能(e){
如果(窗口。事件)E = window.event;
XM =(到| | e.clientx)-(NX *。5 +暗*。5);
YM =(大肠杆菌| | e.clienty)-(纽约* 5 +暗*。5);
}
函数调整大小(){
NX = document.body.offsetwidth;
纽约document.body.offsetheight;
}
onresize =调整;
函数的CObj(n,i,j,c){
this.obj = document.createelement(跨越);
this.obj.innerhtml = C;
DOOT.appendChild(这个目标);
这个,n = n;
这个= 16;
这种=我* 2 * W;
this.y0 = J×2×h;
this.anim =真;
this.mainloop =函数(){
用(这个){
DX = XM x0;
dy=YM - y0;
距离= math.sqrt(DX DX + * *镝Dy);
如果(距离< RAD){
表示真实;
M = math.cos(5×math.pi * math.abs(距离/ RAD));
C = math.round(84 m×171);
与(obj。风格){
左= x0的DX×m;
顶= Y0 Dy×m;
math.round zIndex =(100 + M);
字体大小= 8 + M×W×2;
颜色
}
{人}
如果(动画){
与(obj。风格){
Left = x0;
顶= y0;
在= 0;
字体大小= 8;
颜色=RGB(88,88,88);
}
表示错误;
}
}
}
}
}
函数运行(){
(我为O)O {我}主循环();
setTimeout(,16);
}
指针函数(){
使者报= document.getelementbyid(使者报);
与(使者报。风格){
左=暗/ 2;
顶部=暗/ 2;
宽度=暗淡;
高度=暗淡;
}
调整大小();
w =(昏暗的/ NX)2;
h(NY)/ 2;
k=0;
对于(var j = 0;j <纽约;j + +){
对于(var i = 0;i < NX;i + +){
C = t.charat(((我+ +)% t.length)ToUpperCase();
如果(c =)。;
{ } =新cobj O K(K +,我,J,C);
}
}
(运行);
}
哥们想实现这个酷炫效果,直接复制代码,可以运行,再试一次,或者创新。
以上是分享javascript文字放大球效果的代码,希望大家能喜欢。