知行社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3232|回复: 0
收起左侧

逐隐逐现的文字特效

[复制链接]
知行 发表于 2011-10-27 12:34 | 显示全部楼层 |阅读模式

逐隐逐现的文字特效[推荐使用][适用于IE4++]
(修改显示的文字后根据说明进行共2步)

====1、以下代码放在一个新建页面的HTML的<body></body>区即可:[页面上必须什么都没有]


  1. <html>
  2. <head>
  3. <TITLE>特效</TITLE>
  4. </head>
  5. <script
  6. language=javaScript>
  7. <!-- //
  8. var thissize=20
  9. var
  10. textfont="隶书"
  11. var textcolor= new
  12. Array()
  13. textcolor[0]="000000"
  14. textcolor[1]="000000"
  15. textcolor[2]="000000"
  16. textcolor[3]="111111"
  17. textcolor[4]="222222"
  18. textcolor[5]="333333"
  19. textcolor[6]="444444"
  20. textcolor[7]="555555"
  21. textcolor[8]="666666"
  22. textcolor[9]="777777"
  23. textcolor[10]="888888"
  24. textcolor[11]="999999"
  25. textcolor[12]="aaaaaa"
  26. textcolor[13]="bbbbbb"
  27. textcolor[14]="cccccc"
  28. textcolor[15]="dddddd"
  29. textcolor[16]="eeeeee"
  30. textcolor[17]="ffffff"
  31. textcolor[18]="ffffff"
  32. var
  33. message = new
  34. Array()
  35. message[0]="http://www.happydrips.com"
  36. message[1]="HappyDrips工作室"
  37. message[2]="谢谢您使用"
  38. message[3]="javascript源码大全"
  39. i_message=0
  40. var
  41. i_strength=0
  42. var i_message=0
  43. var timer
  44. function glowtext()
  45. {
  46. if(document.all) {
  47. if (i_strength <=17)
  48. {
  49. glowdiv.innerText=message[i_message]
  50. document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+",
  51. strength=4)"
  52. i_strength++
  53. timer=setTimeout("glowtext()",100)
  54. }
  55. else
  56. {
  57. clearTimeout(timer)
  58. setTimeout("deglowtext()",1500)
  59. }
  60. }
  61. }function
  62. deglowtext() {
  63. if(document.all) {
  64. if (i_strength >=0)
  65. {
  66. glowdiv.innerText=message[i_message]
  67. document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+",
  68. strength=4)"
  69. i_strength--
  70. timer=setTimeout("deglowtext()",100)
  71. }
  72. else
  73. {
  74. clearTimeout(timer)
  75. i_message++
  76. if (i_message>=message.length)
  77. {i_message=0}
  78. i_strength=0
  79. intermezzo()
  80. }
  81. }
  82. }
  83. function
  84. intermezzo()
  85. {
  86. glowdiv.innerText=""
  87. setTimeout("glowtext()",1500)
  88. }
  89. //-->
  90. </script>
  91. <body
  92. bgcolor="#000000" onLoad="glowtext()"> //不要忘记写
  93. <div id="glowdiv"
  94. style="position:absolute;visibility:visible;width:600px;text-align:center;
  95. top:150px;left:50px;font-family:隶书;font-size:30pt;color:000000"></div>
  96. </body>
  97. </html>

复制代码

====2、[可选项]修改<div>标签内的代码可以确定文字显示的位置,颜色和大小。
top是距离屏幕上面的距离,left是距离坐侧的距离。font-size是文字大小,
color是颜色。width是DIV层的宽度。由于文字是用DIV来控制的,所以在DIV的宽度范围内不能有其它内容。DIV的位置用绝对位置(position:absolute)表示。

QQ|小黑屋|手机版|知行技术社区 ( 湘ICP备11020288号-1 )

GMT+8, 2020-9-24 06:39 , Processed in 0.016272 second(s), 10 queries , Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表