topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

graphic-javascript-effect-blur-text-effect.htm / htm



  
  <!-- THREE STEPS TO INSTALL BLUR TEXT SCRIPT:
  
    1.  Copy the coding into the HEAD of your HTML document
  
    2.  Add the onLoad event handler into the BODY tag
  
    3.  Put the last coding into the BODY of your HTML document  -->
  
  <!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->
  
  <HEAD>
  
  <!-- This script and many more are available free online at -->
  
  <!-- The JavaScript Source!! http://javascript.internet.com -->
  
  <!-- Revision:  Stephan Werbeck (stephanwerbeck@yahoo.com) -->
  
  <!-- Web Site:  http://PlatonicUniverse.com -->
  
  <!-- Original:  CodeLifter.com (support@codelifter.com) -->
  
  <!-- Web Site:  http://www.codelifter.com -->
  
  <style>
  
  .F1 {filter: blur(Strength=20);
  
       width=300px;
  
       height=200px;}
  
  .F2 {filter: blur(Strength=20);
  
       width=200px;
  
       height=200px;}
  
  .F3 {filter: blur(Strength=20);
  
       width=250px;
  
       height=200px;}
  
  </style>
  
  <SCRIPT LANGUAGE="JavaScript">
  
  <!-- Original:  CodeLifter.com (support@codelifter.com) -->
  
  <!-- Web Site:  http://www.codelifter.com -->
  
  <!-- This script and many more are available free online at -->
  
  <!-- The JavaScript Source!! http://javascript.internet.com -->
  
  <!-- Begin
  
  var rate = 1000
  
  // 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);
  
     }         
  
  }
  
  //  End -->
  
  </script>
  
  </HEAD>
  
  <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
  
  <BODY onLoad="doThing()>
  
  <!-- STEP THREE: Copy this code into the BODY of your HTML document  -->
  
  <!-- This script and many more are available free online at -->
  
  <!-- The JavaScript Source!! http://javascript.internet.com -->
  
  <!-- Revision:  Stephan Werbeck (stephanwerbeck@yahoo.com)
  
  <!-- Web Site:  http://PlatonicUniverse.com -->
  
  <!-- Original:  CodeLifter.com (support@codelifter.com) -->
  
  <!-- Web Site:  http://www.codelifter.com -->
  
  <table width="250" cellspacing="0" cellpadding="10">
  
  <tr>
  
  <td>
  
  <font face="Arial" size="5" color="#00ffff">
  
  <p id="YammaYamma">
  
  <b><a href="http://javascriptsource.com">The JavaScript Source</a> - The best place to find JavaScripts!</b>
  
  </p>
  
  </font>
  
  </td>
  
  </tr>
  
  </table>
  
  <p><center>
  
  <font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
  
  by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
  
  </center><p>
  
  <!-- Script Size:  2.59 KB -->
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.