Effect on text 1

Written by @kerixa 21 August 2012

You can use special styles for headlines and titles to make your website more beautiful and special. In the following code, in addition to the wave effect that is created below the text, the letters of the text dance and move up and down with the movement like a wave.

Code Snippet:

                                                
                                                <!-- this script is provided by www.javascriptfreecode.com coded by: Kerixa Inc. -->
<HTML><HEAD>
<meta http-equiv="Content-Language" content="en-us">
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="Microsoft FrontPage 6.0" name=GENERATOR></HEAD>
<BODY>
<DIV id=Zittertext 
style="FONT-WEIGHT: bold; FONT-SIZE: 25pt; FILTER: Wave(freq=5, light=0, phase=8, strength=1); WIDTH: 100%; COLOR: orange">
  <p align="center"><font color="#000000">
  <span style="background-color: #FFFF00">www.javascriptfreecode.com</span></font></DIV>
<SCRIPT language=JavaScript>
<!--
function DynWave()
{
  if(document.all.Zittertext.filters[0].freq > 130)
     document.all.Zittertext.filters[0].freq = 15;
  document.all.Zittertext.filters[0].freq += 1;
  if(document.all.Zittertext.filters[0].phase > 50)
     document.all.Zittertext.filters[0].phase = 1;
 document.all.Zittertext.filters[0].phase += 1;
  if(document.all.Zittertext.filters[0].strength > 1)
     document.all.Zittertext.filters[0].strength = .1;
  document.all.Zittertext.filters[0].strength += 1;
  window.setTimeout("DynWave()",100);
}
DynWave();
// -->
</SCRIPT>
</BODY></HTML><a target='_blank' href='www.javascriptfreecode.com' style='font-size: 8pt; text-decoration: none'>JavaScript Best Codes</a>                                                
                                            

Example:


About @kerixa

I am Krishna Eydat. I studied Software Engineering at University of Waterloo in Canada. I lead a few tech companies. I am passionate about the way we are connected. I would like to be part of something big or be the big deal!

K

Comments


Here you can leave us commments. Let us know what you think about this code tutorial!

0 / 300

TRENDING POST
1
2
3
4
5
VISITORS
Online Users: 12
Recent Members: Shahmeer, coolcoco7, SmitaPatil25, owoboycute, 092010
advertisement 2