Chữ lớn từ hai phía

[JavaScriptBank]

Hiệu ứng vừa

You must be registered for see links

"]

You must be registered for see links

[/URL] chữ bắt đầu từ hai phía đi vào trung tâm của chữ v?...

You must be registered for see links

You must be registered for see links

Demo:

You must be registered for see links

Cách cài đặt

Bước 1: Copy mã CSS bên dưới và dán vào khu vực HEAD trên trang web của bạn
CSS

<STYLE type=text/css>BODY {
	BACKGROUND-COLOR: #000; TEXT-ALIGN: center
}
SPAN {
	FONT-WEIGHT: bold
}
A {
	COLOR: #fff
}
A:hover {
	COLOR: #000; BACKGROUND-COLOR: #00ff00
}
</STYLE>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Bước 2: Dùng mã JavaScript để cài đặt hiệu ứng
JavaScript

<SCRIPT language=JavaScript type=text/javascript>
<!--
// - Global Variables:
var MaxSize=50; // - Maximum size text grows to.
var splashmessage="JavaScriptBank.com"; // - must be larger than splashmessageII
var splashmessageII="Free Javascript";
var splashmessageIII="Enter";
var URL="http://JavaScriptBank.com";
var colors=new Array();
		colors=["#00ff00","gray","yellow","aqua","orange","blue","red","#fff"];
var spans0;
var counter=0,count=0;var cnt=0,gcnt=0,cntII=0;var cntr,cntrII=0,gcntr=0,gcntrII=splashmessage.length;var cntrIII=0;var thecnt=0;var gcount=0;
var T=15;
var half=splashmessage.length/2;
var bool=true,bool2=true;
// - End Global Variables

// - Event Handlers:
window.onload=SPLASHINTROSCREEN;
// - End EventHandlers

// - Method Definitions
function SPLASHINTROSCREEN()
{
 writeMessage();
 killSpace_Hucko();
 apply_play_Richard();
 for(var y=0;y<2;y++)
  createBr();
 //for(var x=0;x<splashmessageIII.length;x++)
  //CreateAs_Hucko(splashmessageIII.substring((x+1),((x+1)-1)));
}
function site()
{
 location.href=URL;
}
function writeMessage()
{
 count=counter+1;
 while(count<=splashmessage.length)
 {
   CreateSpans_Hucko(splashmessage.substring(count,count-1));
	 count++;
 }
}
function CreateSpans_Hucko(buffer)
{
 spans0=document.createElement('span');
 with(spans0)
 {
  innerHTML=buffer;
	with(style)
	{
	 color="#fff";
	 fontSize=15;
	}
	onclick=site;
 }
 document.body.appendChild(spans0);
}
function createBr()
{
 br=document.createElement('br');
 document.body.appendChild(br);
}
function CreateAs_Hucko(buffer)
{
 as0=document.createElement('a');
 with(as0)
 {
  innerHTML=buffer;
	href=URL;
	with(style)
	{
	 color="#fff";
	 fontSize=15;
	}
 }
 document.body.appendChild(as0);
}
function killSpace_Hucko()
{
 spans0=document.getElementsByTagName('span');
 for(var x=0;x<spans0.length;x++)
 {
  if(spans0[x].innerHTML==" "||spans0[x].innerHTML=="")
	 spans0[x].innerHTML="<b style='visibility:hidden'>_</b>";
 }
}
function apply_play_Richard()
{
 if(cnt<spans0.length)
 {
  with(spans0[cnt].style)
	{
	 color=colors[gcnt];
	}
	cnt+=1;
 }
 else if(cntII<=colors.length)
 {
  cnt=0;
	gcnt++;
	cntII++;
 }
 
 if(cntr<MaxSize)
 {
  spans0[gcntrII].style.fontSize=cntr;
	cntr+=2;
 }
 else if(gcntrII>half)
 {
  gcntrII--;cntr=0;
 }
 else if(bool==true)
 {
  for(var x=0;x<splashmessage.length;x++)
	{
	 spans0[x].innerHTML="";
  }
	bool=false;
 }
 else if(gcount<spans0.length)
 {
  spans0[gcount].style.letterSpacing=20;
	gcount++;
 }
 
 if(cntrII<MaxSize)
 {
  spans0[gcntr].style.fontSize=cntrII;
	cntrII+=2;
 }
 else if(gcntr<=half)
 {
  gcntr++;cntrII=0;
 }
 else if(bool2==true)
 {
  T=50;
	bool2=false;
 }
 else if(cntrIII<=splashmessageII.length)
 {
  spans0[cntrIII].innerHTML=splashmessageII.substring(cntrIII,cntrIII-1);
	cntrIII++;
 }
 else
 {
  killSpace_Hucko();
	for(var x=0;x<spans0.length;x++)
	 spans0[x].style.letterSpacing=2;
 }
 setTimeout("apply_play_Richard();",T);
}
// - End Method Definitions
//-->
</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Bạn có thể xem các mã tương tự bên dưới
-

You must be registered for see links

-

You must be registered for see links

-

You must be registered for see links

Bạn có thể xem thêm nhiều JavaScript khác về

You must be registered for see links

và

You must be registered for see links

You must be registered for see links

-

You must be registered for see links

-

You must be registered for see links