带阴影的闪烁文字-JS特效-爱易网页

带阴影的闪烁文字

日期：2014-05-18　浏览次数：20184 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

脚本说明:
第一步：把如下代码加入<body>区域中
<style>

.F1 {filter: glow(Color=#FF8000,Strength=10);
     width=150px;
     height=200px;}
     
.F2 {filter: glow(Color=#00FF00,Strength=9);
     width=110px;
     height=200px;}
     
.F3 {filter: glow(Color=#0080FF,Strength=12);
     width=90px;
     height=200px;}
     
</style>
<script>
var rate = 500

// do not edit below this line
// ============================

var i = 0
var F = 'F1'
function doThing(){
   if (document.getElementById&&document.all) {   
      ok =  true
      i++;
      if (i==1) F = 'F1'
      if (i==2) F = 'F2'
      if (i==3) F = 'F3'  
      YammaYamma.className=F
      if (i > 2) i = 0
      timer=setTimeout('doThing()', rate)
   }         
}

</script>
<table width="200" cellspacing="0" cellpadding="10">
  <tr>
    <td>
      <center>
        <font face="Courier" size="4" color="#FFFFFF">
        <p id="YammaYamma">
        <b>欢迎你的光临...</b>

</font>
      </center>
    </td>
  </tr>
</table>

第二步：把<body>中的内容改为：
<body  onload="doThing()">

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

带阴影的闪烁文字

相关资料更多>

推荐阅读更多>