Yazi Efekt | Javascript - Ali Akyıldırım Paylaşımları

Uygulama Örnegi Için Tiklayin

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Dynamic Script * Cross-Browser * www.aliakyildirim.com</title>
<script language="JavaScript" type="text/javascript">
<!--
///////////////////////////////////////////////////
obj={
message:new Array(3),
garray:new Array(50,60,70,80,90,100),
spans:"",
MINS:0,MAXS:2,
T:20,
ArrayID:0,
bool:true,booleans:true, bools:true,bools2:true,
a:true,b:true,
IDNo:0,
FS:30,// - FS = Font Size
cnt:0,cnt2:0,xntr:0,cntr:0,cntr2:0,
obj:function()
{
document.getElementsByTagName(’body’).item(0).style.backgroundColor="black";
this.message=["Bedavajava . .","Yazilim ve Veritabani . .","Ali AKYILDIRIM"];
},
creatSpans:function(ArrayID,lcount)
{
this.spans=document.createElement(’span’);
this.spans.id="sid"+(lcount-1);
with(this.spans.style)
{
position="relative";
color="white";
fontWeight=900;
fontSize=this.FS;
}
this.spans.onclick=this.HUCKO;
if(this.message[ArrayID].substring(lcount,lcount-1)!=" ")
this.spans.innerHTML=this.message[ArrayID].substring(lcount,lcount-1);
else
this.spans.innerHTML="<b style=’visibility:hidden’>_</b>";
document.getElementById(’marker’).appendChild(this.spans);
},// - Dynamic JavaScripts by: Ali AKYILDIRIM www.aliakyildirim.com
delSpans:function(IDNo)
{/* - Cross-Browser | www.aliakyildirim.com, Author: Ali AKYILDIRIM */
oldElem=document.getElementById("sid"+IDNo);
currentElem=document.getElementById(’marker’);
currentElem.removeChild(oldElem);
},// - www.aliakyildirim.com
animSpans:function()
{
if(this.bool)
{
for(var x=0;x<this.message[this.IDNo].length;x++)
{
document.getElementById(’sid’+x).style.left=this.MAXS;
document.getElementById(’sid’+x).style.color="lightblue";
if(x==this.message.length-1)
this.bool=false;
}
}//- Ali AKYILDIRIM’ Java Script Codes. . .
else if(this.booleans)
{
for(var x=0,y=this.posL;x<this.message[this.IDNo].length;x++)
{
document.getElementById(’sid’+x).style.left=this.MINS;
this.posL-=2;
if(x==this.message.length-1)
this.booleans=false;
}
}
else if(this.cnt<7)
{
this.bool=this.booleans=true;
this.cnt+=1;
}
else if(this.bools)
{
for(var x=0;x<this.message[this.IDNo].length;x++)
document.getElementById(’sid’+x).style.letterSpacing=this.MAXS;
this.bools=false;
}// - Bedavajava
else if(this.bools2)
{
for(var x=0;x<this.message[this.IDNo].length;x++)
document.getElementById(’sid’+x).style.letterSpacing=this.MINS;
this.bools2=false;
}// - www.aliakyildirim.com
else if(this.cnt2<3)
{
this.bools=this.bools2=true;
this.cnt2++;
}
else if(this.a)
{
for(var x=0;x<this.message[this.IDNo].length;x++)
obj.delSpans(x);
gcount++;this.IDNo++;
this.a=false;
}
else if(this.b)
{
for(var x=1;x<=obj.message[this.IDNo].length;x++)
obj.creatSpans(gcount,x);
this.b=false;
}
else if(this.cntr<3)
{
this.bool=this.booleans=true;
this.cnt=0;
this.bools=this.bools2=true;
this.cnt2=0;
this.cntr++;
if(this.xntr<this.message.length-2)
{
this.a=this.b=true;
this.xntr++;
}
}
else if(this.cntr2<this.garray.length)
{
this.T=100;
for(var x=0;x<this.message[gcount].length;x++)
document.getElementById(’sid’+x).style.fontSize=this.garray[this.cntr2];
this.cntr2++;
}
setTimeout("obj.animSpans();",this.T);
},
HUCKO:function()
{
location.replace("http://www.aliakyildirim.com");
}
}
/////////////////////////////////////////
window.onload=main;

var gcount=0;

function main()
{
obj.obj();
for(var x=1;x<=obj.message[gcount].length;x++)
obj.creatSpans(gcount,x);

obj.animSpans(gcount,0);
}
//-->
</script>
</head>
<body>
<div id="holder" style="text-align:center;">
<span id="rhucko" style="color:white;z-index:0;display:none;position:relative;background-color:transparent;">www.aliakyildirim.com</span>
<span id="marker"></span>
</div>
</body>
</html>

Uygulama Örnegi Için Tiklayin