很酷的放大镜放大文字的效果，超赞！

先展示一下效果图：

大家先运行代码试一试-效果演示-

具体代码如下

htmlheadtitleJS文字球状放大效果/title meta http-equiv=' image toolbar ' content=' no ' style type=' text/CSS ' body { cursor : cross；余量：0划水：0;位置：绝对；飞越：隐藏；背景技术： # 000;左侧left:0top:0宽度：100%;高度：100%;} span { position : absolutefont-family : verdana；字体粗细：粗体；}/style脚本类型=' text/JavaScript '！什么是真实的？你如何定义真实？如果你在谈论你能感觉到什么，你能闻到什么，你能看到什么，这是由你的大脑传达的简单的电信号！I=0；o=新数组();XM=-1000；ym=-1000；////////////////rad=80；dim=200/////h=0；NX=14NY=14var nxvar nydocument。onmousemove=函数(e){ if(window。事件)e=窗口。事件；XM=(e . x | | e . client x)-(NX *)。5)暗淡*。5;ym=(e . y | | e . clienty)-(ny *)。5)暗淡*。5;}函数resize(){ NX=文档。尸体。用.抵消；ny=文档。尸体。偏移光线；} onresize=调整大小函数CObj(N，I，j，c){这个。obj=文档创建元素(“span”)；这个。物体。innerhtml=c；杜特。appendchild(这个。obj)；这个N=N这个到=16这。x0=I * 2 * W；这个。y0=j * 2 * H；this.anim=truethis。main loop=function(){ with(this){ dx=XM-x0；dy=ym-y0；dist=数学。sqrt(dx * dx dy * dy)；if(dist rad){ anim=true；M=数学。因为。5 *数学*数学。ABS(dist/rad))；c=数学。圆形(84M * 171)；用(obj。style){ left=x0-dx * M；top=y0-dy * M；zIndex=数学圆(100米);字号=8M * W * 2；color='RGB(' c '，' c '，' c ')'；} } else { if(anim){ with(obj。style){ left=x0；top=y0zIndex=0；字号=8；color='RGB(88，88，88)'；} anim=false} } } } }函数运行(){ for(i in o)o[i].main loop()；setTimeout(运行，16);} onload=function(){ DOOT=document。getelementbyid(' DOOT ')；带(DOOT。style){ left=-dim/2；top=-dim/2；宽度=暗淡；高度=暗淡；} resize()；w=(dim/NX)/2；h=(dim/NY)/2；k=0；for(var j=0；jNYj){ for(var I=0；iNXi ){ c=T.charAt((I )%T.length).toUpperCase()；if(c==' ')c=' '；o[K]=新CObj(K，I，j，c)；} } run()；}/////script/head dyspan style=' position : absolute；左侧：50%;top :50% ' span id=' doot '/span/span/body/html小伙伴们想不想实现这种酷炫的效果，直接复制代码，运行即可，抓紧试试吧，或者是再来点创新。

以上就是为大家分享的Java脚本语言文字球状放大效果代码，希望大家可以喜欢。