உங்கள் ப்ளோகில் டயனமிக் எழுத்து !!

டயனமிக் எழுத்து  உருவாக்கலாமா ?

பறக்கும் எழுத்துக்கள்,சுற்றும் எழுத்துக்கள்,நகரும் எழுத்துக்கள்

பார்த்தோம்,அது என்ன டயனமிக் எழுத்து ? வாருங்கள் ஸ்ரிப்டை

காப்பி பண்ணி பிறகு பாருங்கள்!!!

முதலில்  கொடுத்ததை ஹெட் டாக்ஸ் குள் காப்பி பன்ணவும்.(head ,)


<script language="JavaScript" type="text/javascript"><!--
var message=new Array("Welcome","To","Geetha's Womens Special","JavaScripts","and More . . .");
var POSTOP=20;
var POSLEFT=40;
var posTP=POSTOP,posTN=-(POSTOP),posLP=POSLEFT,posLN=-(POSLEFT);
var gcount=0;
var count=0;
var bool=true;
var spans=new Array(5);
function Jim()
{
 for(var x=0;x<spans.length;x++)
 {
  spans[x]=document.getElementById('sid'+x);
if(x!=2)
 setSpanID(x);

  spans[x].onclick=DYNAMICSCRIPTS;
// -  JavaScript
 }
  Uncle_Jim_effect();
}
function setSpanID(IDno)
{
 switch(IDno)
  {
case 0:
    with(spans[0].style)
 {
   top=POSTOP;
visibility="hidden";
 }
  break;
  case 1:
with(spans[1].style)
 {
   left=POSLEFT;
visibility="hidden";
 }
break;
case 3:
with(spans[3].style)
 {
   left=-(POSLEFT);
visibility="hidden";
 }
break;
case 4:
 with(spans[4].style)
 {
   top=-(POSTOP);
visibility="hidden";
 }
}
}
function Uncle_Jim_effect()
{
 if(posTP>-20&&gcount<message.length)
 {
  if(gcount==message.length-1)
{
with(spans[2].style)
{
  color="#00ff00";
}
}
  spans[4].innerHTML=spans[3].innerHTML=spans[2].innerHTML=spans[1].innerHTML=spans[0].innerHTML=message[gcount];
  for(var x=0;x<spans.length;x++)
   spans[x].style.visibility="visible";
   spans[0].style.top=posTP;
spans[1].style.left=posLP;
spans[3].style.left=posLN;
spans[4].style.top=posTN;
   posTP--;posLP-=2;posLN+=2;posTN++;
 }
 else if(gcount<message.length)
 {
  gcount++;posTP=POSTOP,posTN=-(POSTOP),posLP=POSLEFT,posLN=-(POSLEFT);
 }
 else if(bool==true)
 {
  if(count>=5)
bool=false;
count++;
 }
 else
 {
  for(var x=0;x<spans.length;x++)
  {
   spans[x]=document.getElementById('sid'+x);
if(x!=2)
  setSpanID(x);
  }
spans[2].style.color="navy";
   clearTimeout('timer');
 }
 timer=setTimeout("Uncle_Jim_effect();",20);
}
function DYNAMICSCRIPTS()
{
  location.replace("http://jdstiles.com");
}
window.onload=Jim;
//--></script>
<style type="text/css">
<!--
body {
  background-color:#fff8dc;
}
span.scripts {
  position:relative;visibility:visible;z-index:3;font-weight:bold;font-size:25;color:#8b0000;
}
a {
color:#000066;
font-size:20;
font-weight:bold;
letter-spacing:3;
}
a:hover {
color:#00ced1;
}
//--></style>

----------------------------------------------------------------------------------------------------------------------------
அடுத்து உள்ளதை பாடி டாக்ஸ் குள் காப்பி பன்ணவும் (body ,)


<span class="scripts" id="sid0" style="color:red;"></span><br />
<span class="scripts" id="sid1" style="color:red"></span>
<span class="scripts" id="sid2" ></span>
<div style="color:navy;position:relative;z-index:4;display:none;font-weight:bold;text-decoration:none;">DHTML Splash Intro Page Check Out: http://jdstiles.com</div>
<span class="scripts" id="sid3" style="color:red;"></span><br />
<span class="scripts" id="sid4" style="color:red;"></span>

------------------------------------------------------------------------------------------------------------------------------