உங்கள் ப்ளோகில் டயனமிக் எழுத்து !!பறக்கும் எழுத்துக்கள்,சுற்றும் எழுத்துக்கள்,நகரும் எழுத்துக்கள்
பார்த்தோம்,அது என்ன டயனமிக் எழுத்து ? வாருங்கள் ஸ்ரிப்டை
காப்பி பண்ணி பிறகு பாருங்கள்!!!
முதலில் கொடுத்ததை ஹெட் டாக்ஸ் குள் காப்பி பன்ணவும்.(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>
------------------------------------------------------------------------------------------------------------------------------
