ITPub博客

首页 > 应用开发 > Java > JS实现固定在网页右上角3D风格旋转文字

JS实现固定在网页右上角3D风格旋转文字

Java 作者:chunzhisu 时间:2014-07-07 16:50:34 0 删除 编辑

点击(此处)折叠或打开

  1. <html>
  2. <head>
  3. <meta http-equiv=\"Content-Type\" content=\"text/html; charset=gb2312\">
  4. <title>蓄能器隔膜</title>
  5. </head>
  6. <body>
  7. <p> </p>
  8. <p> </p>
  9. <p> </p>
  10. <p> </p>
  11. <p> </p>
  12. <p> </p>
  13. <p> </p>
  14. <p> </p>
  15. <p> </p>
  16. <p> </p>
  17. <br>滚动页面试试~<br><hr><p align=\"center\"><font color=black>本特效由 <a href=\"http://www.CsrCode.cn\" target=\"_blank\">芯晴网页特效</a>丨CsrCode.Cn 收集于互联网,只为兴趣与学习交流,不作商业用途。</font></p>
  18. <p> </p>
  19. <p> </p>
  20. <p> </p>
  21. <p> </p>
  22. <p> </p>
  23. <p> </p>
  24. <p> </p>
  25. <p> </p>
  26. <p> </p>
  27. <p> </p>
  28. <p> </p>
  29. <p> </p>
  30. <p> </p>
  31. <p> </p>
  32. <p> </p>
  33. <p> </p>
  34. <p> </p>
  35. <p> </p>
  36. <p> </p>
  37. <p> </p>
  38. <p> </p>
  39. <p> </p>
  40. <p> </p>
  41. <p> </p>
  42. <p> </p>
  43. <p> </p>
  44. <p> </p>
  45. <p> </p>
  46. <p> </p>
  47. <p> </p>
  48. <p> </p>
  49. <p> </p>
  50. <p>
  51. <SCRIPT language=\"JavaScript\">
  52. textstr=\"欢迎光临 芯晴网页特效 \";
  53. TColor=\"#AA92C7\";
  54. TFont=\"楷书\";
  55. textstr=textstr.split(\"\");
  56. n=textstr.length;
  57. mass=360/n;
  58. cy=cx=sb=0;
  59. yb=50;
  60. xb=60;
  61. sa=0.1;
  62. pa=new Array();
  63. pb=new Array();
  64. for (i=0; i < n; i++) document.write(\'
    +\'height:30;width:30;font-family:\'+TFont+\';text-align:center;color:\'+TColor+\'\">\'+textstr[i]+\'
    \'
    );
  65. function sport(){
  66.   cy=document.body.scrollTop+60;
  67.   cx=document.body.scrollLeft+window.document.body.clientWidth-100;
  68.   for (i=0; i < n; i++){
  69.      logo[i].style.top =cy+yb*Math.sin(sb+i*mass*Math.PI/180);
  70.      logo[i].style.left=cx+xb*Math.cos(sb+i*mass*Math.PI/180);
  71.      pb[i]=logo[i].style.pixelTop-cy;
  72.      pa[i]=pb[i]-pb[i]*2;
  73.      if (pa[i] < 1){
  74.         pa[i]=0;
  75.         logo[i].style.visibility=\'hidden\';
  76.      }
  77.      else logo[i].style.visibility=\'visible\';
  78.      logo[i].style.fontSize=pa[i]/1.7;
  79.   }
  80.   sb-=sa;
  81.   setTimeout(\'sport()\',100);
  82. }
  83. sport();
  84. </SCRIPT>
  85. </p>
  86. </body>
  87. </html>

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/29737856/viewspace-1211595/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2014-07-04

  • 博文量
    95
  • 访问量
    122233