By.KaBuS weB MaSteR
Mesaj Sayısı : 223 Kayıt tarihi : 13/06/09 Yaş : 31 Nerden : Notalar İcinden Lakap : By.KaBuS
| Konu: web sayfasını animasyonlu açmak için Ptsi Haz. 15, 2009 10:43 pm | |
| - Kod:
-
[color=#000080]<body>[/color][color=#800000]<script>[/color] var width=document.body.clientWidth; var height=document.body.clientHeight;
function doClickText(who,type,step,timeOut) { document.getElementById(who).style.display="none"; if(type==0) { reveal('revealDiv1',step,timeOut,0); reveal('revealDiv2',step,timeOut,1);} if(type==1) { reveal('revealDiv1',step,timeOut,2); reveal('revealDiv2',step,timeOut,3);}} function reveal(who,step,timeOut,type) { if(type==0) var where="top"; if(type==1) var where="bottom"; if(type==2) var where="left"; if(type==3) var where="right"; eval('var temp=document.getElementById(who).style.'+where); temp=parseInt(temp); if(type==0||type==1) var checkWith=height/2; if(type==2||type==3) var checkWith=width/2; if(-temp[color=#000080]<checkWith) { temp-=step; eval('document.getElementById(who).style.'+where+' =temp;'); setTimeout("reveal('"+who+"',"+step+",'"+timeOut+" ',"+type+")", timeOut);} else { document.getElementById(who).style.display="none"; document.body.scroll="yes";}} function initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc ,div2bc,step,timeOut,click) { if(type==0) { var bWhere1=[color=#0000ff]"border-bottom"[/color]; var bWhere2=[color=#0000ff]"border-top"[/color]; var putZero1=[color=#0000ff]"top:0px; left:0px"[/color]; var putZero2=[color=#0000ff]"bottom:0px; left:0px"[/color]; document.write('<div id=[color=#0000ff]"revealDiv1"[/color] style=[color=#0000ff]"z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"[/color]></div>'); document.write('<div id=[color=#0000ff]"revealDiv2"[/color] style=[color=#0000ff]"z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"[/color]></div>'); if(!click) { reveal('revealDiv1',step,timeOut,0); reveal('revealDiv2',step,timeOut,1);}
else { clickText(type,step,timeOut);}}
if(type==1) { var bWhere1=[color=#0000ff]"border-right"[/color]; var bWhere2=[color=#0000ff]"border-left"[/color]; var putZero1=[color=#0000ff]"top:0px; left:0px"[/color]; var putZero2=[color=#0000ff]"top:0px; right:0px"[/color]; document.write('<div id=[color=#0000ff]"revealDiv1"[/color] style=[color=#0000ff]"z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"[/color]></div>'); document.write('<div id=[color=#0000ff]"revealDiv2"[/color] style=[color=#0000ff]"z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"[/color]></div>'); if(!click) { reveal('revealDiv1',step,timeOut,2); reveal('revealDiv2',step,timeOut,3);} else { clickText(type,step,timeOut);}} function clickText(type,step,timeOut) { document.write('<div id=[color=#0000ff]"clickText"[/color] style=[color=#0000ff]"z-index:101; display:block; position:absolute; top:'+(height/2-clickh/2-clickb)+'; left:'+(width/2-clickw/2-clickb)+'"[/color]><table style=[color=#0000ff]"border:'+clickc+' solid '+clickb+'px; background:'+clickbg+' ;width:'+clickw+'px; height:'+clickh+'; '+clickFont+'; cursor:hand; cursor:pointer"[/color] onClick=[color=#0000ff]"doClickText(\'clickText\','+type+','+step +','+timeOut+')"[/color]><tr><td align=[color=#0000ff]"middle"[/color]>'+clickt+'</td></tr></table></div>');}} </script>[/color] [color=#800000]<script>[/color] var clickw=170; // Width var clickh=20; // Height var clickb=2; // Border width var clickc="#CCFFCC"; // Border color var clickbg="#000000"; // Background color var clickt="Siteye girmek icin tiklayin."; // Text to display var clickFont="font-family:Tahoma,arial,helvetica; font-size:10pt; font-weight:bold; color:#FF0000"; // The font style of the text new initReveal(0,'#CCFFCC','#CCFFCC',1,1,'#00FF00','#0 00000',3,10,true); [color=#800000]</script>[/color][color=#000080]<body>[/color] | |
|