Effect on text 2

Written by @kerixa 21 August 2012

Giving different effects to the text will make it more beautiful and increase the attractiveness of your website. In the following code, there are several texts with different fonts and colors which have beautiful effects such as text shine on mouse hover, glowing, etc. With the exception of the first one, which normally glows and shines in hover mode. These are very nice styles, see and use if you like.

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><SPAN id=pochenderText style="WIDTH: 100%">
<H1 align="center"><font color="#FF0000">www.javascriptfreecode.com</font></H1></SPAN>
<SCRIPT>

var from = 4;             	// minimalgr??e(pochen)
var to = 12;              	// maximalgr??e(pochen)
var speed = 1;            	// Geschwindigkeit (je kleiner der Wert, umso schneller pocht es)
var textcolor = "#aabbdd";      // Farbe ausw?hlen (hexadezimalen code  od. Html-Farbname)
var i = to;
var j = 0;
 
pd();
 
function pu()
   {
   if (!document.all)
      return
   if (i < to)
      {
      pochenderText.style.filter = "Glow(Color=" + textcolor + ", Strength=" + i + ")";
      i++;
      theTimeout = setTimeout('pu()',speed);
      return 0;
      }
 
   if (i = to)
      {
      theTimeout = setTimeout('pd()',speed);
      return 0;
      }
   }
 
function pd()
   {
   if (!document.all)
      return
   if (i > from)
      {
      pochenderText.style.filter = "Glow(Color=" + textcolor + ", Strength=" + i + ")";
      i--;
      theTimeout = setTimeout('pd()',speed);
      return 0;
      }
   if (i = from)
      {
      theTimeout = setTimeout('pu()',speed);
      return 0;
      }
   }
// -->
</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: gech, ben.reed@laingbuisson.com, javaboy, Estevan Belo, Shahmeer
advertisement 2