Navigasyon
Ana Sayfa
İletişim
Link Kodları
Web Siteniz İçin
Sayfa Açılış Hızını Öğren
Forum
Toplist
Ziyaretçi defteri
Banner Takas
Kod Arşivi
Sayfa Geçiş Kodları
Siteni Kutu İçine Al
Sağ Tıkla Açılan Menü
Açılır Menü
Solda Gizlenen Menü
Site İçinde Site Aç
=> Site İçinde Site Aç
Sitede Ne Kadar KAldın Kodu
=> Sitene Kar Yağsın
Sayfa Yükleniyor Kodu
=> Yapılan İş Yüzde Çubuğu
Başa Dön Butonu
Sayfa Kodları
link1
Link2
link3
Link4
link5
Karma Html Kodlar
Oyun Kodları
Video Kodları
Gif Kodları
Dini Kodlar
link5
Kodu Kendinize Göre Ayarlayın
<Html><Head><Title>Kod-Dunyasi.tr.gg</title><html><head><FCK:meta http-equiv="Content-Language" content="tr" /><FCK:meta http-equiv="Content-Type" content="text/html; charset=windows-1254" /></head></html> <!-- Bu Sayfa www.kod-dunyasi.tr.gg. --> <SCRIPT LANGUAGE="JavaScript"> /******************************************************************* * * File : AnimatedFader.js * * Created : 2000/05/28 * * Author : Roy Whittle (info( at )kod-dunyasi.tr.gg) Kod-dunyasi.tr.gg * * Purpose : To create fading text descriptions * * History * Date Version Description * * 2000-05-28 1.0 Initial version. Based on the State Transition * Diagram created for animated rollovers I * modified the code to fade text. * 2000-05-29 1.1 I did not follow the STD correctly and introduced * a bug that left objects in the ON state. * This is now corrected. * 2000-06-07 1.2 Introduced a start colour so that the script * can be used on different backgrounds. * Change the var AnimationRunning and FrameInterval * so they don't conflict with animate2.js * 2000-08-09 1.3 Added Gecko ( Netscape 6 Preview Release 1 ) support * - Ken workman k.workman( at )3DASA.com * 2000-10-15 1.4 Modified to make Netscpe 6 (PR3) more efficient * by just changing the color instead of replacing * the whole content of the DIV. ***********************************************************************/ /*** Create some global variables ***/ var FadingObject = new Array(); var FadeRunning=false; var FadeInterval=30; /*******************************************************************************/ /*** These are the simplest HEX/DEC conversion routines I could come up with ***/ /*** I have seen a lot of fade routines that seem to make this a ***/ /*** very complex task. I am sure somene else must've had this idea ***/ /*******************************************************************************/ var hexDigit=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"); function dec2hex(dec) { return(hexDigit[dec>>4]+hexDigit[dec&15]); } function hex2dec(hex) { return(parseInt(hex,16)) } /******************************************************************************************/ /*********************************************************** * Function : createFaderObject * * Parameters : theDiv - The name of the DIV in which to fade the text * numSteps - The number of steps to use in the fade. * startColor - The background colour of the page. * * Description : Creates an object that can hold the current * state of the fade animation for a particular DIV ***********************************************************/ function createFaderObject(theDiv, numSteps, startColor) { if(!startColor) startColor = "000000"; this.name = theDiv; this.text = null; this.color = "FFFFFF"; this.next_text = null; this.next_color = null; this.state = "OFF"; this.index = 0; this.steps = numSteps; this.r = hex2dec(startColor.slice(0,2)); this.g = hex2dec(startColor.slice(2,4)); this.b = hex2dec(startColor.slice(4,6)); } /*********************************************************** * Function : FadingText * * Parameters : theDiv - The name of the DIV in which to fade the text * numSteps - The number of steps to use in the fade. * * Description : Library function to be called from the main HTML. * Creates an object that can hold the current * state of the fade animation for a particular DIV ***********************************************************/ function FadingText(theDiv, numSteps, startColor) { FadingObject[theDiv] = new createFaderObject(theDiv, numSteps, startColor); } /***************************************************************** * Function : start_fading * * Description : If the FadeAnimation loop is not currently running * then it is started. *****************************************************************/ function start_fading() { if(!FadeRunning) FadeAnimation(); } /***************************************************************** * Function : set_text * * Description : In the new W3C DOM model we need only set the text * once, after that we can just change the colour *****************************************************************/ function set_text(f) { if(navigator.appName.indexOf("Netscape") != -1 && document.getElementById) { var theElement = document.getElementById(f.name); var newRange = document.createRange(); newRange.setStartBefore(theElement); var strFrag = newRange.createContextualFragment(f.text); while (theElement.hasChildNodes()) theElement.removeChild(theElement.lastChild); theElement.appendChild(strFrag); theElement.style.color="#"+f.startColor; } } /***************************************************************** * * Function : getColor * * Parameters : f - the fade object for which to calculate the colour. * * Description: Calculates the color of the link depending on * how far through the fade we are. * *****************************************************************/ function getColor(f) { var r=hex2dec(f.color.slice(0,2)); var g=hex2dec(f.color.slice(2,4)); var b=hex2dec(f.color.slice(4,6)); r2= Math.floor(f.r+(f.index*(r-f.r))/(f.steps) + .5); g2= Math.floor(f.g+(f.index*(g-f.g))/(f.steps) + .5); b2= Math.floor(f.b+(f.index*(b-f.b))/(f.steps) + .5); return("#" + dec2hex(r2) + dec2hex(g2) + dec2hex(b2)); } /***************************************************************** * * Function : setColor * * Parameters : fadeObj - The TextFader object to set * * Description: Gets the color of the text and writes it to * the DIV. * *****************************************************************/ function setColor(fadeObj) { var theColor=getColor(fadeObj); var str="<FONT COLOR="+ theColor + ">" + fadeObj.text + "</FONT>"; var theDiv=fadeObj.name; //if IE 4+ if(document.all) { document.all[theDiv].innerHTML=str; } //else if NS 4 else if(document.layers) { document.nscontainer.document.layers[theDiv].document.write(str); document.nscontainer.document.layers[theDiv].document.close(); } //else if NS 6 (supports new DOM, may work in IE5) - see Website Abstraction for more info. //http://www.wsabstract.com/javatutors/dynamiccontent4.shtml else if (document.getElementById) { theElement = document.getElementById(theDiv); theElement.style.color=theColor; } } /***************************************************************** * * Function : fade_up * * Parameters : theDiv - The div in which to display the text * newText - The text to display when faded in * newColor- The color the text will be. * * Description: Depending on the current "state" of the fade * this function will determine the new state and * if neccessary, start the fade effect. * *****************************************************************/ function fade_up(theDiv, newText, newColor) { var f=FadingObject[theDiv]; if(newColor == null) newColor="FFFFFF"; if(f.state == "OFF") { f.text = newText; f.color = newColor; f.state = "FADE_UP"; set_text(f); start_fading(); } else if( f.state == "FADE_UP_DOWN" || f.state == "FADE_DOWN" || f.state == "FADE_DOWN_UP") { if(newText == f.text) f.state = "FADE_UP"; else { f.next_text = newText; f.next_color = newColor; f.state = "FADE_DOWN_UP"; } } } /***************************************************************** * * Function : fade_down * * Parameters : theDiv - The div in which to display the text * * Description: Depending on the current "state" of the fade * this function will determine the new state and * if neccessary, start the fade effect. * *****************************************************************/ function fade_down(theDiv) { var f=FadingObject[theDiv]; if(f.state=="ON") { f.state="FADE_DOWN"; start_fading(); } else if(f.state=="FADE_DOWN_UP") { f.state="FADE_DOWN"; f.next_text = null; } else if(f.state == "FADE_UP") { f.state="FADE_UP_DOWN"; } } /******************************************************************* * * Function : Animate * * Description : This function is based on the Animate function * of animate.js (animated rollovers). * Each fade object has a state. This function * modifies each object and changes its state. *****************************************************************/ function FadeAnimation() { FadeRunning = false; for (var d in FadingObject) { var f=FadingObject[d]; if(f.state == "FADE_UP") { if(f.index < f.steps) f.index++; else f.index = f.steps; setColor(f); if(f.index == f.steps) f.state="ON"; else FadeRunning = true; } else if(f.state == "FADE_UP_DOWN") { if(f.index < f.steps) f.index++; else f.index = f.steps; setColor(f); if(f.index == f.steps) f.state="FADE_DOWN"; FadeRunning = true; } else if(f.state == "FADE_DOWN") { if(f.index > 0) f.index--; else f.index = 0; setColor(f); if(f.index == 0) f.state="OFF"; else FadeRunning = true; } else if(f.state == "FADE_DOWN_UP") { if(f.index > 0) f.index--; else f.index = 0; setColor(f); if(f.index == 0) { f.text = f.next_text; f.color = f.next_color; f.next_text = null; f.state ="FADE_UP"; set_text(f); } FadeRunning = true; } } /*** Check to see if we need to animate any more frames. ***/ if(FadeRunning) setTimeout("FadeAnimation()", FadeInterval); }</SCRIPT> <SCRIPT LANGUAGE="JavaScript"> /* * FadingText(divName, numSteps, BGColor) * divName : Must match the DIV names defined at the end of the BODY) * numSteps: The number of steps in the fading transition * BGColor : The background colour of the DIV or document. */ FadingText('fade1', 10,"FFFFFF"); /*** The "Frame Interval" Smaller = faster ***/ FadeInterval=30; </SCRIPT> </HEAD> <BODY> <p><A HREF="http://www.kod-dunyasi.tr.gg" _fcksavedurl="http://www.kod-dunyasi.tr.gg" onMouseOver="fade_up('fade1','<FONT SIZE=4 FACE=Verdana>Türkiyenin En Büyük Kod Paylaşım Sitesi</FONT>','000000')" onMouseOut="fade_down('fade1')">Kod-dunyasi.tr.gg Türkiyenin En Büyük Kod Paylaşım Sitesi Sitesi</A> <p><A HREF="http://www.kod-dunyasi.tr.gg" _fcksavedurl="http://www.kod-dunyasi.tr.gg" onMouseOver="fade_up('fade1','<FONT SIZE=4 FACE=Verdana>Web tasarımcıları için bulunmaz bir site</FONT>','000000')" onMouseOut="fade_down('fade1')">Kod-dunyasi</A> <p><A HREF="http://www.ntvmsnbc.com" _fcksavedurl="http://www.ntvmsnbc.com" onMouseOver="fade_up('fade1','<FONT SIZE=4 FACE=Verdana>Türkiye'nin haber portalı</FONT>','000000')" onMouseOut="fade_down('fade1')">Ntvmsnbc</A> <script language="JavaScript1.2"> if (document.layers){ document.write('<ilayer name="nscontainer" width="100%" height="100">') document.write('<layer name="fade1" width="100%" height="100">') document.write('</layer></ilayer>') } else document.write('<DIV ID="fade1"></DIV>') </script> </BODY> </HTML>
Bugün 33 ziyaretçi (40 klik) kişi burdaydı!
Sayfa hakkında
Burda sayfan hakkındaki bilgileri yazabilirsin, başka sayfalarını yazabilirsin ya da benzeri işler ;-)
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol