<body><SCRIPT>
var width=document.body.clientWidth;
var height=document.body.clientHeight;
function doClickText(whotypesteptimeOut) {
document.getElementById(who).style.display="none";
if(type==0) {
reveal('revealDiv1'steptimeOut0);
reveal('revealDiv2'steptimeOut1);}
if(type==1) {
reveal('revealDiv1'steptimeOut2);
reveal('revealDiv2'steptimeOut3);}}
function reveal(whosteptimeOuttype) {
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<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(typediv1bgdiv2bgdiv1bwdiv2bwdiv1bc div2bcsteptimeOutclick) {
if(type==0) {
var bWhere1="border-bottom";
var bWhere2="border-top";
var putZero1="top:0px; left:0px";
var putZero2="bottom:0px; left:0px";
document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');
if(!click) {
reveal('revealDiv1'steptimeOut0);
reveal('revealDiv2'steptimeOut1);}
else {
clickText(typesteptimeOut);}}
if(type==1) {
var bWhere1="border-right";
var bWhere2="border-left";
var putZero1="top:0px; left:0px";
var putZero2="top:0px; right:0px";
document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');
if(!click) {
reveal('revealDiv1'steptimeOut2);
reveal('revealDiv2'steptimeOut3);}
else {
clickText(typesteptimeOut);}}
function clickText(typesteptimeOut) {
document.write('<div id="clickText" style="z-index:101; display:block; position:absolute; top:'+(height/2-clickh/2-clickb)+'; left:'+(width/2-clickw/2-clickb)+'"><table style="border:'+clickc+' solid '+clickb+'px; background:'+clickbg+' ;width:'+clickw+'px; height:'+clickh+'; '+clickFont+'; cursor:hand; cursorointer" onClick="doClickText(\'clickText\''+type+''+step +''+timeOut+')"><tr><td align="middle">'+clickt+'</td></tr></table></div>');}}
</SCRIPT>
<SCRIPT>
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:Tahomaarialhelvetica; font-size:10pt; font-weight:bold; color:#FF0000"; // The font style of the text
new initReveal(0'#CCFFCC''#CCFFCC'11'#00FF00''#0 00000'310true);
</SCRIPT><body>
Konu: Sayfayi animasyonlu açmak - HTML 
Perş. Nis. 15, 2010 4:55 pm
