Chinaunix首页 | 论坛 | 博客
  • 博客访问: 76618
  • 博文数量: 73
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 740
  • 用 户 组: 普通用户
  • 注册时间: 2014-07-04 16:50
文章分类
文章存档

2014年(73)

我的朋友

分类: Html/Css

2014-07-31 10:40:04

  • 由远到近的文字,还有3D效果,由css及JavaScript配合实现的效果,运行本代码即可看到效果啦。


点击(此处)折叠或打开

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
  2. <html xmlns="">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title></title>
  6. <style type="text/css">

  7. </style>
  8. </head>

  9. <body>
  10. <script type="text/javascript" language="javascript">
  11. var count = 0;
  12. for(var i=0;i<128;i++){
  13. document.write('
    +(200-i)+'px;top:'+(10+i/2)+'px;font-size:'+(i*2)+'px;color:rgb('+(256-i)+','+(256-i*2)+','+(i*2)+');">CSS
    '
    );
  14. count++;
  15. }
  16. //alert(count);
  17. </script>
  18. <div style="left:72px;top:74px;font-size:256px;color:#FFFF44
  19. ;">CSS</div>
  20. </body>
  21. </html>


阅读(240) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~