由远及近的文字，JS+CSS手电筒光束效果

发布时间：2018-08-13 15:26 所属栏目：121 来源：站长网

导读：Java Script结合CSS打造的一款文字特效，页面加载以后，你会看到一款由远及近的文字，并且还有手电筒的光束效果哦，看上去有点3d的感觉，很不错吧！一起来看看吧！ !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312

　　JavaScript结合CSS打造的一款文字特效，页面加载以后，你会看到一款由远及近的文字，并且还有手电筒的光束效果哦，看上去有点3d的感觉，很不错吧！

　　一起来看看吧！

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>由远到近的文字</title> <style type="text/css">  </style> </head> <body> <script type="text/javascript" language="javascript"> var count = 0; for(var i=0;i<128;i++){ document.write('<div style="left:'+(200-i)+'px;top:'+(10+i/2)+'px;font-size:'+(i*2)+'px;color:rgb('+(256-i)+','+(256-i*2)+','+(i*2)+');">VERYHUO</div>'); count++; } //alert(count); </script> <div style="left:72px;top:74px;font-size:256px;color:#FFFF44 ;">VERYHUO</div> </body> </html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
提示：可修改后代码再运行!

（编辑：ASP站长网）