JAVASCRIPT KODLARI - SERDAR AKKAYA

Java-Script Kodları Özel

Java Scriptleri kullanmak için kutunun içine sağ tuş ile tıklayın. Tümünü Seç seçeneğini çalıştırın. Tekrar sağ tuş ile tıklayıp kopyalayın, web sayfanızın kaynağının bulunduğu yerin en üst kısmına yapıştırın. File (Dosya) Menüsünden Kaydet'i seçip, ******i kaydedin.

Açılamalı Link

<Html><Head><Title>www.html-kodlari.tr.gg</title><html><head><meta http-equiv="Content-Language" content="tr"><meta http-equiv="Content-Type" content="text/html; charset=windows-1254"><link rel="alternate" type="application/rss+xml" title="SERDAR AKKAYA - Blog RSS" href="http://verily.blogcu.com/besleme/rss" /><meta name="title" content="JAVASCRIPT KODLARI - SERDAR AKKAYA" /><link rel="canonical" href="http://verily.blogcu.com/JAVASCRIPT+KODLARI" ></head></html>  <****** LANGUAGE="JavaScript"> /******************************************************************* * * File : AnimatedFader.js * * Created : 2000/05/28 * * Author : Roy Whittle (akin-aslan@hotmail.de) www.html-kodlari.tr.gg * * Purpose : To create fading text de******ions * * History * Date Version De******ion * * 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 ****** * 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@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"); ******** dec2hex(dec) { return(hexDigit[dec>>4]+hexDigit[dec&15]); } ******** 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. * * De******ion : Creates an object that can hold the current * state of the fade animation for a particular DIV ***********************************************************/ ******** 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. * * De******ion : Library ******** to be called from the main HTML. * Creates an object that can hold the current * state of the fade animation for a particular DIV ***********************************************************/ ******** FadingText(theDiv, numSteps, startColor) { FadingObject[theDiv] = new createFaderObject(theDiv, numSteps, startColor); } /***************************************************************** * Function : start_fading * * De******ion : If the FadeAnimation loop is not currently running * then it is started. *****************************************************************/ ******** start_fading() { if(!FadeRunning) FadeAnimation(); } /***************************************************************** * Function : set_text * * De******ion : In the new W3C DOM model we need only set the text * once, after that we can just change the colour *****************************************************************/ ******** 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. * * De******ion: Calculates the color of the link depending on * how far through the fade we are. * *****************************************************************/ ******** 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 * * De******ion: Gets the color of the text and writes it to * the DIV. * *****************************************************************/ ******** 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. * * De******ion: Depending on the current "state" of the fade * this ******** will determine the new state and * if neccessary, start the fade effect. * *****************************************************************/ ******** 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 * * De******ion: Depending on the current "state" of the fade * this ******** will determine the new state and * if neccessary, start the fade effect. * *****************************************************************/ ******** 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 * * De******ion : This ******** is based on the Animate ******** * of animate.js (animated rollovers). * Each fade object has a state. This ******** * modifies each object and changes its state. *****************************************************************/ ******** 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); }</******> <****** 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; </******> <link rel="alternate" type="application/rss+xml" title="SERDAR AKKAYA - Blog RSS" href="http://verily.blogcu.com/besleme/rss" /><meta name="title" content="JAVASCRIPT KODLARI - SERDAR AKKAYA" /><link rel="canonical" href="http://verily.blogcu.com/JAVASCRIPT+KODLARI" ></head> <BODY> <p><A HREF="http://www.html-kodlari.tr.gg" onMouseOver="fade_up('fade1','<FONT SIZE=4 FACE=Verdana>Türkiyenin Yeni Interactive Sitesi</FONT>','000000')" onMouseOut="fade_down('fade1')">HTML-KODLARI.Tr.GG Türkiyenin Yeni Interactive Sitesi</A> <p><A HREF="http://www.e-dersane.com" onMouseOver="fade_up('fade1','<FONT SIZE=4 FACE=Verdana>Web tasarımcıları için bulunmaz bir site</FONT>','000000')" onMouseOut="fade_down('fade1')">E-dersane</A> <p><A HREF="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> <****** 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>') </******> </BODY> </HTML>

Açılır Menü

Açılış Scripti

Adınızın Japoncası

Arama Motoru-1

Arama Motoru-2

Arka Planda Yazı

Arkaplanın Yanıp Sönmesi-1

Arkaplanın Yanıp Sönmesi-2

Arkaplan Animasyonu

Başlık Çubuğu

<html><head><****** language="JavaScript">  </******> <link rel="alternate" type="application/rss+xml" title="SERDAR AKKAYA - Blog RSS" href="http://verily.blogcu.com/besleme/rss" /><meta name="title" content="JAVASCRIPT KODLARI - SERDAR AKKAYA" /><link rel="canonical" href="http://verily.blogcu.com/JAVASCRIPT+KODLARI" ></head> <body><script type="text/javascript" src="http://static.blogcu.com/js/ga.js"></script> <script type="text/javascript"> try { var bgTracker = _gat._getTracker("UA-482556-13"); bgTracker._setDomainName(".blogcu.com"); bgTracker._initData(); bgTracker._trackPageview(); var bgTracker2 = _gat._getTracker("UA-482556-52"); bgTracker2._setDomainName(".blogcu.com"); bgTracker2._initData(); bgTracker2._trackPageview(); } catch(err) {}</script><script language="Javascript">function ShowPicture(id,Source) { if (Source=="1"){ if (document.layers) document.layers[''+id+''].visibility = "show" else if (document.all) document.all[''+id+''].style.visibility = "visible" else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible" } else if (Source=="0"){ if (document.layers) document.layers[''+id+''].visibility = "hide" else if (document.all) document.all[''+id+''].style.visibility = "hidden" else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden" } } </script> <style type="text/css"> #virgul_buyuk { position:absolute; visibility:hidden; border:0; width: 468px; height:250px; z-index: 999996; } #virgul_kucuk { display:block; border:0; z-index: 999997; height: 0 auto; } #container_virgul { z-index: 999998; position: absolute; top:0; left:295px; } </style> <div id="bb_navbar" style="display: block; position: absolute; width: 100%; top: 0; left: 0; z-index: 999999;"> <iframe src="http://www.blogcu.com/blogbar/index/3/1" width="100%" scrolling="no" height="60" frameborder="0" id="iframe" marginheight="0" marginwidth="0" allowtransparency="yes"> </iframe> <div id="container_virgul"> <div id="virgul_kucuk" onMouseOver="ShowPicture('virgul_buyuk',1)"> <script type="text/javascript" src="http://prm.virgul.com/ad_rotate363.php"></script> </div> <div id="virgul_buyuk" onMouseOut="ShowPicture('virgul_buyuk',0)"> <script type="text/javascript" src="http://prm.virgul.com/ad_rotate404.php"></script> </div> </div> </div> <br/> <br/> <br/> <font size="2" face="Tahoma">Başlık çubuğuna (title bar) bakar mısın? </font>

Butonlar

Daktilo Yazı

Değişen Yazı-1

Kategori: JAVASCRIPT KODLARI | Yorum (yok) Yorum yaz! Kalıcı Baglantı

<- :: Sonraki Sayfa ->

--->>>

Hayattan Hayata ...

Kategorilerim

Son Yorumlar

Java-Script Kodları Özel