当前位置:首页 > 日记 > 正文

js文字放大效果代码共享

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文字放大球效果的代码,希望大家能喜欢。

相关文章

PS图象处理软件做了一个漂亮的白色

PS图象处理软件做了一个漂亮的白色

牛奶,动态,裙子,图象,处理软件,今天,小编辑教大家使用Photosop做动态牛奶飞溅的裙子。效果非常漂亮。害怕的朋友可以一起学习。 许多广告中都出现了牛奶裙。制作工艺不难,首先,根据裙子的结构和水平,用钢笔工具分段提取,然后简单地调整颜色,使液…

将表格内容和样式存储到Excel文件

将表格内容和样式存储到Excel文件

方法,文件,样式,表格,内容,在项目完成了超过一个论坛最近做的一个测试,导出功能,在导出按钮,点击后,表格内容页面保存为excel文件,却发现无法保存的表方式,通过分析后,找到根本原因,下面的萧边把我的想法分享以下: 对问题的描述: 问题分析过程: 的1…

如何查看QQ空间中过期的物品QQ常见

如何查看QQ空间中过期的物品QQ常见

常见问题,空间,物品,电脑软件,QQ,如何查看QQ空间中过期的物品 第一步:登录QQ空间,在空间主页工具栏上打扮起来,走进伪装的商业城市; 第二步:点击商城中的我的衣服;我的物品;过期的物品,即显示过期的物品。…

分数是怎样表达出来的词中常见问题

分数是怎样表达出来的词中常见问题

常见问题,是怎样,分数,词中,电脑软件,很多朋友在使用的话,会遇到这样的问题,不知道怎么玩的话得分,这并不奇怪,因为这个词的得分确实非常难得,不知道什么时候微软办公室设计已经为我们的用户考虑,毕竟是一个很大的分数办公室人员常见的单位。我甚…

在PSCS5制作一个简单的矢量圆

在PSCS5制作一个简单的矢量圆

矢量,简单,电脑软件,本教程是介绍给朋友的。这是一个简单的方法来在PS CS5制作矢量环。很适合初学者学习。 也许我没有很好的理解这个能力。我读这篇文章发表的雷,PS减去顶层形状的操作方法。这篇文章没有学习如何使向量环。但她发表的文章…

ps创意制作教程飞行控制效果

ps创意制作教程飞行控制效果

控制,创意,制作教程,效果,电脑软件,本教程是介绍一个朋友PS制作的一个飞行控制方法,教程出来的效果很好,不是很难,推荐,爱好的朋友一起学习。 很多人都有一个梦想,咸夏,它能飞越墙壁,飞行控制,在蓝天飞翔,思考,是一种霸气,作为一种超自然的小说经常看…

用ps制作逼真的无线信号图标

用ps制作逼真的无线信号图标

图标,信号,逼真,电脑软件,ps,本教程是介绍一个朋友用WiFi创建逼真的无线信号图标方法,教程所产生的效果非常好。推荐给你喜欢的朋友。让我们看一看。 下面将为大家介绍使用ps制作逼真的wifi信号图标的方法,希望能对你有所帮助! 工具/材料 pho…

字页号辊组问题词中常见问题

字页号辊组问题词中常见问题

常见问题,词中,电脑软件,字页号辊组,问题:使用Word时,鼠标点在滚轮上时,它会跳出相应的页码,但我看到了一张表格,它可以显示每一页的标题!我开始认为这是一个项目符号上线,尝试与否,如何建立 答:前一排的滚筒上说的是前一页;下一页;双箭头符号,是他们圆…

如何加入FALSH动画素材ppt2003教程

如何加入FALSH动画素材ppt2003教程

教程,动画素材,电脑软件,FALSH,PowerPoint2003是微软公司提供的幻灯片制作软件,它通常是一起使用的投影机,无论在语音、类、会议、培训等,这是必不可少的工具,devices.powerpoint也可称为PPT,幻灯片,演示,和一个用于家庭的儿童鞋在办公室软件。这…

QQ空间说新定时发布功能QQ常见问题

QQ空间说新定时发布功能QQ常见问题

常见问题,空间,功能,电脑软件,QQ,1。功能规则。 每个QQ号码总共可以设置1000个计时语句; 两。函数入口。 1,让我们讨论一下按钮旁边的时钟图标。下拉菜单项中有三项,即设置时间、检查我的计时列表、定期取消文章和发布。 2、单击设置时间、…

如何设置QQ空间签名文件QQ常见问题

如何设置QQ空间签名文件QQ常见问题

签名文件,常见问题,空间,如何设置,电脑软件,设置或修改QQ空间签名文件的方法如下: 登录QQ空间点击小齿轮;空格设置空间数据签名文件输入文字或插入图片,点击保存; 注意:如果你没有一个按钮在你的签名文件中添加图片或超链接,这可能是由于你缺乏…

人工绘制几何图形(三)

人工绘制几何图形(三)

绘制,几何图形,电脑软件,本文总结了基本操作中遇到的问题,如绘制直线、圆弧、螺旋线等基本操作。如果你需要朋友,你可以参考他们。 本文将介绍直线、圆弧、螺旋线等几何图形的基本操作中遇到的问题,并对每一步进行详细阐述,使你逐渐成为一名优…