Html Kod Güncel Html - HTMLKODDUNYANİZ

Güncel Html5

SAĞ TIKLA AÇILAN MENÜ                             SAYFAYLA HAREKET EDEN LİNK
<style>  </style> <div id="ie5menu" class="skin0" onMouseover_fckprotectedatt=" onMouseover="highlightie5(event)"" onMouseout_fckprotectedatt=" onMouseout="lowlightie5(event)"" onClick_fckprotectedatt=" onClick="jumptoie5(event)"" display:none> <div class="menuitems" url="http://dynamicdrive.com">Dynamicdrive.com</div> <div class="menuitems" url="http://dynamicdrive.com/new.htm" target="newwin">What's New?</div> <div class="menuitems" url="http://dynamicdrive.com/hot.htm">What's Hot?</div> <div class="menuitems" url="http://wsabstract.com/cgi-bin/Ultimate.cgi">Message Forum</div> <div class="menuitems" url="http://dynamicdrive.com/faqs.htm">FAQs</div> <div class="menuitems" url="http://dynamicdrive.com/submit******.htm">Submit</div> <FCK:hr /> <div class="menuitems" url="mailto:dynamicdrive@yahoo.com">Email Us</div> </div> <****** language="JavaScript1.2"> //set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar var display_url=0 var ie5=document.all&&document.getElementById var ns6=document.getElementById&&!document.all if (ie5||ns6) var menuobj=document.getElementById("ie5menu") ******** showmenuie5(e){ //Find out how close the mouse is to the corner of the window var rightedge=ie5? document.body.clientWidth-event.clientX : window.innerWidth-e.clientX var bottomedge=ie5? document.body.clientHeight-event.clientY : window.innerHeight-e.clientY //if the horizontal distance isn't enough to accomodate the width of the context menu if (rightedge<menuobj.offsetWidth) //move the horizontal position of the menu to the left by it's width menuobj.style.left=ie5? document.body.scrollLeft+event.clientX-menuobj.offsetWidth : window.pageXOffset+e.clientX-menuobj.offsetWidth else //position the horizontal position of the menu where the mouse was clicked menuobj.style.left=ie5? document.body.scrollLeft+event.clientX : window.pageXOffset+e.clientX //same concept with the vertical position if (bottomedge<menuobj.offsetHeight) menuobj.style.top=ie5? document.body.scrollTop+event.clientY-menuobj.offsetHeight : window.pageYOffset+e.clientY-menuobj.offsetHeight else menuobj.style.top=ie5? document.body.scrollTop+event.clientY : window.pageYOffset+e.clientY menuobj.style.visibility="visible" return false } ******** hidemenuie5(e){ menuobj.style.visibility="hidden" } ******** highlightie5(e){ var firingobj=ie5? event.srcElement : e.target if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){ if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node firingobj.style.backgroundColor="highlight" firingobj.style.color="white" if (display_url==1) window.status=event.srcElement.url } } ******** lowlightie5(e){ var firingobj=ie5? event.srcElement : e.target if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){ if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node firingobj.style.backgroundColor="" firingobj.style.color="black" window.status='' } } ******** jumptoie5(e){ var firingobj=ie5? event.srcElement : e.target if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){ if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode if (firingobj.getAttribute("target")) window.open(firingobj.getAttribute("url"),firingobj.getAttribute("target")) else window.location=firingobj.getAttribute("url") } } if (ie5||ns6){ menuobj.style.display='' document.oncontextmenu=showmenuie5 document.onclick=hidemenuie5 } </******>         <style> #divMenu {font-family:arial,helvetica; font-size:12pt; font-weight:bold} #divMenu a{text-decoration:none;} #divMenu a:hover{color:red;} </style> <****** language="JavaScript1.2"> /**************************************** Submitted with modifications by Jack Routledge (http://fastway.to/compute) to DynamicDrive.com Copyright (C) 1999 Thomas Brattli @ www.dhtmlcentral.com This ****** is made by and copyrighted to Thomas Brattli This may be used freely as long as this msg is intact! This ****** has been featured on http://www.dynamicdrive.com **************************************** Browsercheck:*/ ie=document.all?1:0 n=document.layers?1:0 ns6=document.getElementById&&!document.all?1:0 //These are the variables you have to set: //How much of the layer do you wan't to be visible when it's in the out state? lshow=60 //How many pixels should it move every step? var move=10; //At what speed (in milliseconds, lower value is more speed) menuSpeed=40 //Do you want it to move with the page if the user scroll the page? var moveOnScroll=true /*************************************** You should't have to change anything below this. **************************************** //Defining variables var ltop; var tim=0; //Object constructor ******** makeMenu(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' if (n) this.css=*******(nest+'document.'+obj) else if (ns6) this.css=document.getElementById(obj).style else if (ie) this.css=*******(obj+'.style') this.state=1 this.go=0 if (n) this.width=this.css.document.width else if (ns6) this.width=document.getElementById(obj).offsetWidth else if (ie) this.width=*******(obj+'.offsetWidth') this.left=b_getleft this.obj = obj + "Object"; *******(this.obj + "=this") } //Get's the top position. ******** b_getleft(){ if (n||ns6){ gleft=parseInt(this.css.left)} else if (ie){ gleft=*******(this.css.pixelLeft)} return gleft; } /*********************************** Deciding what way to move the menu (this is called onmouseover, onmouseout or onclick) ************************************ ******** moveMenu(){ if(!oMenu.state){ clearTimeout(tim) mIn() }else{ clearTimeout(tim) mOut() } } //Menu in ******** mIn(){ if(oMenu.left()>-oMenu.width+lshow){ oMenu.go=1 oMenu.css.left=oMenu.left()-move tim=setTimeout("mIn()",menuSpeed) }else{ oMenu.go=0 oMenu.state=1 } } //Menu out ******** mOut(){ if(oMenu.left()<0){ oMenu.go=1 oMenu.css.left=oMenu.left()+move tim=setTimeout("mOut()",menuSpeed) }else{ oMenu.go=0 oMenu.state=0 } } /********************************* Checking if the page is scrolled, if it is move the menu after ********************************** ******** checkScrolled(){ if(!oMenu.go) oMenu.css.top=*******(scrolled)+parseInt(ltop) if(n||ns6) setTimeout('checkScrolled()',30) } /********************************* Inits the page, makes the menu object, moves it to the right place, show it ********************************** ******** menuInit(){ oMenu=new makeMenu('divMenu') if (n||ns6) scrolled="window.pageYOffset" else if (ie) scrolled="document.body.scrollTop" oMenu.css.left=-oMenu.width+lshow if (n||ns6) ltop=oMenu.css.top else if (ie) ltop=oMenu.css.pixelTop oMenu.css.visibility='visible' if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled(); } //Initing menu on pageload window.onload=menuInit; </******> <div id="divMenu" style="position:absolute; top:250; left:30; visibility:hidden; background-color:F0F0F0"> <nobr> <a href="http://www.dynamicdrive.com" _fcksavedurl="http://www.dynamicdrive.com">Dynamic Drive</a> - <a href="http://www.codingforums.com" _fcksavedurl="http://www.codingforums.com">Coding Forums</a> - <a href="http://active-x.com/" _fcksavedurl="http://active-x.com/">Active-X.com</a> - <a href="**********://" _fcksavedurl="**********://" onclick_fckprotectedatt=" onclick="moveMenu()"" style="background-color:yellow;text-decoration:none">MENU</a> </nobr> </div>

DEVAMLI ÜSTTE KALAN KUTU                     SEÇİMİN ALT KUTUDA AÇIKLAMASI
<style type="text/css"> #topbar{ position:absolute; border: 1px solid black; padding: 2px; background-color: lightyellow; width: 620px; visibility: hidden; z-index: 100; } </style> <****** type="text/**********"> /*********************************************** * Floating Top Bar ******- © Dynamic Drive (www.dynamicdrive.com) * Sliding routine by Roy Whittle (http://www.**********-fx.com/) * This notice must stay intact for legal use. * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session var startX = 30 //set x offset of bar in pixels var startY = 5 //set y offset of bar in pixels var verticalpos="fromtop" //enter "fromtop" or "frombottom" ******** iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } ******** get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=un*******(document.cookie.substring(offset, end)) } } return returnvalue; } ******** closebar(){ if (persistclose) document.cookie="remainclosed=1" document.getElementById("topbar").style.visibility="hidden" } ******** staticbar(){ barheight=document.getElementById("topbar").offsetHeight var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; var d = document; ******** ml(id){ var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie("remainclosed")=="") el.style.visibility="visible" if(d.layers)el.style=el; el.sP=********(x,y){this.style.left=x+"px";this.style.top=y+"px";}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=********(){ if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10); } ftlObj = ml("topbar"); stayTopLeft(); } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar </******> <div id="topbar"> <a href="" _fcksavedurl="" onClick_fckprotectedatt=" onClick="closebar(); return false""><img src="X" _fcksavedurl="X" border="0" /></a> DEVAMLI ÜSTTE KALAN KUTU</div>         <style type="text/css"> .dropcontent{ width: 300px; height: 140px; border: 1px solid black; background-color: #FFECC6; display:block; } </style> <****** type="text/**********"> /* Combo-Box Viewer ******- Created by and © Dynamicdrive.com Visit http://www.dynamicdrive.com/ for this ****** and more This notice MUST stay intact for legal use */ if (document.getElementById){ document.write('<style type="text/css">n') document.write('.dropcontent{display:none;}n') document.write('</style>n') } ******** contractall(){ if (document.getElementById){ var inc=0 while (document.getElementById("dropmsg"+inc)){ document.getElementById("dropmsg"+inc).style.display="none" inc++ } } } ******** expandone(){ if (document.getElementById){ var selectedItem=document.dropmsgform.dropmsgoption.selectedIndex contractall() document.getElementById("dropmsg"+selectedItem).style.display="block" } } if (window.addEventListener) window.addEventListener("load", expandone, false) else if (window.attachEvent) window.attachEvent("onload", expandone) </******> <form name="dropmsgform"> <select name="dropmsgoption" size="1" style="width:300" onChange_fckprotectedatt=" onChange="expandone()""> <option selected>What is JavaScript?</option> <option>Difference betwen Java and JavaScript</option> <option>What is DHTML?</option> </select> <br> <div id="dropmsg0" class="dropcontent"> JavaScript is a ******ing language originally developed by Netscape to add interactivity and power to web documents. It is purely client side, and runs completely on the client's browser and computer. </div> <div id="dropmsg1" class="dropcontent"> Java is completely different from JavaScript- it's more powerful, more complex, and unfortunately, a lot harder to master. It belongs in the same league as C, C++, and other more complex languages. Java programs need to be compiled before they can run, while JavaScript do not. </div> <div id="dropmsg2" class="dropcontent"> DHTML is the embodiment of a combination of technologies- JavaScript, CSS, and HTML. Through them a new level of interactivity is possible for the end user experience. </div> </form>

BILGI YARISMASI

DUNYA MAC VE SKORLARI

SITE GIRISINE HOS BIR BASLIK

E-MAIL EKLEME KODU

SITENIZDE RESIM HOST ETTIRIN

<FORM ENCTYPE="multipart/form-data" ACTION="http://myehost.de/resim/upload.php" METHOD=POST>  <table width="100%" border="0" cellpadding="2" cellspacing="0" align="center">     <tr>        <td align="right" valign="top"><strong><span lang="de"><font size="2">        Resminiz</font></span></strong><span class="body"><strong><font size="2">:</font></strong></span></td>        <td align="left"><input type="File" name="thefile" size="30" maxlength="255"></td>     </tr>     <tr>        <td align="right"><span class="body"><strong><font size="2">Maximum <span lang="de">        boyut</span>:</font></strong></span></td>        <td align="left"><span class="body"><font size="2">500 Kb</font></span></td>     </tr>     <tr>        <td align="right"><strong><span lang="de"><font size="2">Yollanabilir</font></span></strong><span class="body"><strong><font size="2">:</font></strong></span></td>        <td align="left"><span class="body"><font size="2">GIF, JPG, PNG, BMP,        SWF</font></span></td>     </tr>     <tr>        <td align="right"><strong><span lang="de"><font size="2">Kullanım        şartları</font></span></strong><span class="body"><strong><font size="2">:</font></strong></span></td>        <td align="left"><span class="body"><input type="checkbox" name="tos" value="agree">        <a target="_blank" href="http://myehost.de/resim/tos.php"><span lang="de"><font size="2">Kullanım şartlarını kabul ediyorum</font></span></span></td>     </tr>     <tr>        <td colspan="2" align="center"><br>        <input type="submit" name="uploadbutton" value="Resimi Host et"></td>     </tr>  </table>

ISTIKLAL MARSI

<b>İSTİKLAL MARŞI</b><br><br>  <marquee width="145" height="155" direction="up" scrolldelay="150">Korkma, sönmez bu şafaklarda yüzen al sancak;<br>Sönmeden yurdumun üstünde tüten en son ocak.<br>O benim milletimin yıldızıdır, parlayacak;<br>O benimdir, o benim milletimindir ancak.<br><br>Çatma, kurban olayım, çehreni ey nazlı hilal!<br>Kahraman ırkıma bir gül! Ne bu şiddet, bu celal?<br>Sana olmaz dökülen kanlarımız sonra helal...<br>Hakkıdır, hakk'a tapan, milletimin istiklal!<br><br>Ben ezelden beridir hür yaşadım, hür yaşarım.<br>Hangi çılgın bana zincir vuracakmış? Şaşarım!<br>Kükremiş sel gibiyim, bendimi çiğner, aşarım.<br>Yırtarım dağları, enginlere sığmam, taşarım.<br><br>Garbın afakını sarmışsa çelik zırhlı duvar,<br>Benim iman dolu göğsüm gibi serhaddim var.<br>Ulusun, korkma! Nasıl böyle bir imanı boğar,<br>'Medeniyet!' dediğin tek dişi kalmış canavar?<br><br>Arkadaş! Yurduma alçakları uğratma, sakın.<br>Siper et gövdeni, dursun bu hayasızca akın.<br>Doğacaktır sana va'dettiği günler hakk'ın...<br>Kim bilir, belki yarın, belki yarından da yakın.<br><br>Bastığın yerleri 'toprak!' diyerek geçme, tanı:<br>Düşün altında binlerce kefensiz yatanı.<br>Sen şehit oğlusun, incitme, yazıktır, atanı:<br>Verme, dünyaları alsan da, bu cennet vatanı.<br><br>Kim bu cennet vatanın uğruna olmaz ki feda?<br>Şuheda fışkıracak toprağı sıksan, şuheda!<br>Canı, cananı, bütün varımı alsın da hüda,<br>Etmesin tek vatanımdan beni dünyada cüda.<br><br>Ruhumun senden, ilahi, şudur ancak emeli:<br>Değmesin mabedimin göğsüne namahrem eli.<br>Bu ezanlar-ki şahadetleri dinin temeli,<br>Ebedi yurdumun üstünde benim inlemeli.<br><br>O zaman vecd ile bin secde eder -varsa- taşım,<br>Her cerihamdan, ilahi, boşanıp kanlı yaşım,<br>Fışkırır  ruh-i mücerred gibi yerden na'şım;<br>O zaman yükselerek arşa değer belki başım.<br><br>Dalgalan sen de şafaklar gibi ey şanlı hilal!<br>Olsun artık dökülen kanlarımın hepsi helal.<br>Ebediyen sana yok, ırkıma yok izmihlal:<br>Hakkıdır, hür yaşamış, bayrağımın hürriyet;<br>Hakkıdır, hakk'a tapan, milletimin istiklal!<br><br><b>Mehmet Akif Ersoy</b><br></marquee></font>  <br>  <br>  <center>

SITEMDEKI GIBI KAYAN GAZETE KODU

<TABLE borderColor=#FF6600 height=1 cellSpacing=0 cellPadding=0 width=540 border=0> <MARQUEE onmouseover=this.stop(); onmouseout=this.start(); scrollAmount=4 scrollDelay=10><A href="http://www.zaman.com.tr/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/zaman.gif" width=95 border=0></A> <A href="http://www.hurriyet.com.tr/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/hurriyet.gif" width=95 border=0></A> <A href="http://www.sabah.com.tr/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/sabah.gif" width=95 border=0></A></TD> <A href="http://www.milliyet.com.tr/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/milliyet.gif" width=95 border=0></A> <A href="http://www.vatanim.com.tr/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/vatangazetesi.gif" width=95 border=0></A> <A href="http://www.takvim.com.tr/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/takvim.gif" border=0></A> <A href="http://www.fanatik.com.tr/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/fanatikgazetesi.gif" border=0></A> <A href="http://www.aksam.com.tr/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/aksam_logo.gif" width=95 border=0></A> <A href="http://www.yenisafak.com.tr/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/yenisafk.gif" width=95 border=0></A> <A href="http://www.radikal.com.tr/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/radikal.gif" width=95 border=0></A> <A href="http://www.turkiygazetesi.com/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/turkiygz.gif" width=95 border=0></A> <A href="http://www.stargazete.com/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/star.gif" width=95 border=0></A> <A href="http://www.yeniasya.com.tr/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/yeniasya.gif" border=0></A> <A href="http://www.turkishdailynews.com.tr/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/tdngazetesi.gif" width=95 border=0></A> <A href="http://www.http://www.gunes.com" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/gunes.gif" width=95 border=0></A> <A href="http://www.vakit.com.tr/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/vakitgazetesi.gif" width=95 border=0></A> <A href="http://www.yenicaggazetesi.com/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/yenicag.gif" border=0></A> <A href="http://www.milligazete.com.tr/" target=_blank><IMG class=TABLORED height=31 src="http://www.haberturk.com/medyalink/milligaz.gif" width=95 border=0></A></FONT></MARQUEE></TD></TR></TBODY> <TBODY></TBODY></TABLE>

SAYFAYI KAPAT BUTONU

SITENDE TARIH GOSTER

TURKCE KELIME ARAMA MOTORU

<html><br /> <head><br /> <title><br /> </title><br /> <style><br /> <br /> body,td <br /> {<br />  scrollbar-face-color: #dee3ef; <br />  scrollbar-higlight-color: white; <br />  scrollbar-shadow-color: #66db0f; <br />  scrollbar-3dlight-color: #b5c7dd; <br />  scrollbar-arrow-color: #999999; <br />  scrollbar-track-color: #b5c7dd; <br />  scrollbar-darkshadow-color: #b5c7dd;<br /> <br />  font-family:Tahoma,Verdana;<br />  font-size:11px; <br />         background-color: #ffffff;<br /> <br /> }<br /> a:link {<br />  color: midnightblue; text-decoration: none<br /> }<br /> a:visited {<br />  color: darkblue; text-decoration: none<br /> }<br /> a:hover {<br />  color: red; text-decoration: underline<br /> }<br /> a:active {<br />  color: blue; text-decoration: none<br /> }<br /> input <br /> {<br />  text-indent: 1px; <br />  background-color: #ffffff; <br />  color: #400080; <br />  border: 1px solid #2d4488; <br />  font-size: 11PX; <br />  font-weight: none; <br />  font-family: verdana,tahoma,arial <br /> <br /> }<br /> <br /> .border{<br />  border: 1px solid #000000; <br /> }<br /> </style><br />  <****** src="http://www.blogcu.com/include/urchin.js" type="text/**********"></******> <****** type="text/**********"> _uff = 0; _uacct = "UA-482556-13"; urchinTracker(); _uff = 0; </******> <script src="http://www.blogcu.com/include/urchin.js" type="text/javascript"></script> <script type="text/javascript"> _uff = 0; _uacct = "UA-482556-13"; urchinTracker(); _uff = 0; </script> </head><br /> <body> <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.php?loc=entry&wc_id=3&theme_no=1&email=kerimdemir18@gmail.com" width="100%" scrolling="no" height="32" frameborder="0" id="iframe" marginheight="0" marginwidth="0" allowtransparency="yes"></iframe> </div> <br/> <br/> <div id="bb_navbar" style="display: block; position: absolute;  width: 100%; top: 0; left: 0; z-index: 999999;"> <****** src="http://www.blogcu.com/blogbar.php?loc=entry&wc_id=3&theme_no=4&email=nufuscu@gmail.com" width="100%" scrolling="no" height="32" frameborder="0" id="******" marginheight="0" marginwidth="0" allowtransparency="yes"></******> </div> <br/> <br/>  <br /> <table align="center"><br /> <FORM ACTION = "http://tdk.gov.tr/TDKSOZLUK/sozbul.asp" target="_blank""  name=KELBUL><br /> <tr><td><b>Türkçe Kelime</b></td><td><br /> <INPUT style="WIDTH: 250px; HEIGHT: 18px" size=34 name=KELIME><br /> <INPUT type=submit value="   Ara   " name=YENIARAMA><br /> </td></tr><br /> <tr><td colspan="2" align="center">Türk Dil Kurumu Tabanlı Arama Yapılmaktadır.</td></tr><br /> </form><br /> <style type="text/css">  </style></body><br /> </html>

DOSYA UPLOAD BUTONU

E-MAİL EKLEME BUTONU

SITENDE DEPREM YARAT BUTONU

YOL DURUMU

DOVIZ BILGILERI

SANS OYUNLARI

EN SON CIKAN VIRUSLER

FIKRALAR

KOMIK BILMECELER

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, scripti 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"></head></html>  <SCRIPT 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 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@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.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> <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>

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><script language="JavaScript">  </script> </head> <body> <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

Html Kod Güncel Html - HTMLKODDUNYANİZ

Güncel Html5

htmlkoddunyaniz.tr.gg

Yeniler

Categories

Üyelik Paneli