« »

This JavaScript blurs text by using blur filter.

Label: Blur Text script

Demo
Enlarge
Reload
New window

Code
CSS
JavaScript
HTML
Print

Copy All x2

<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>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<SCRIPT LANGUAGE="JavaScript">
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>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<BODY onLoad="doThing()">
<p id="YammaYamma">
<b><a href="http://JavaScriptBank.com">JavaScriptBank.com</a> - Bank of over 2000+ free JavaScripts</b>
</p>
</body>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->