| Javascript | Webmaster Araclari | WwW.HTML-CeNeTi.Tr.Gg

Banner

<head> <xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/> <style type="text/css"> v:* { behavior: url(#default#VML); } </style> </head> <body bgcolor="#ebe2d3"> <script type="text/javascript"> /* 3D Spinning Message Script- By Copyright (c) 2003 Peter Gehrig http://www.24fun.com*/ // Add as many messages as you like var message=new Array("Gezginler.Net", "Kervanımıza", "Sizde", "Katılın...","Gezginler.Net", "Kervanımıza", "Sizde", "Katılın...","Gezginler.Net", "Kervanımıza", "Sizde", "Katılın...","Gezginler.Net", "Kervanımıza", "Sizde", "Katılın...") // Set the outline-color. Add as many colors as you like var outlinecolor=new Array("black", "red") // Set fillcolors 1. Add as many colors as you like var fillcolor1=new Array("gray", "green", "white", "green") // Set fillcolors 2. Add as many colors as you like var fillcolor2=new Array("blue", "olive", "black", "lime") // Set the letter marking the circle var circlemark=new Array("-") // Set the width of the outline var strkweight=2 // Set the waiting time between the messages (seconds) var pause=2 // Set the strength of the opacity (transparency of letters) var strengthopacity="60%" // Set the size of the circle (values range from 0.1 to 1) var circlesize=0.4 // Always keep messages in view even if page is scrolled? (DD added option) var keepinview="yes" // Do not edit below this line mytruebody=(!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body //Dynamicdrive added object var outerwidth=mytruebody.clientWidth var outerheight=mytruebody.clientHeight var innerwidth=Math.floor(circlesize*outerwidth) var innerheight=Math.floor(circlesize*outerheight) var posleft=(outerwidth-innerwidth)/2 var postop=(outerheight-innerheight)/3 var path=new Array() var i_message=0 var i_outlinecolor=0 var i_fillcolor1=0 var i_fillcolor2=0 var i_messagelength=0 var longestmessage=0 pause*=1000 var ie=document.getElementById&&document.all?1:0 for (i=0;i<=message.length-1;i++) { if (message[i].length>longestmessage) { longestmessage=message[i].length } longestmessage+=4 } for (i=0;i<=message.length-1;i++) { var emptyspace="" var i_emptyspace=(longestmessage-message[i].length)/2 for (ii=0;ii<=i_emptyspace;ii++) { emptyspace+=circlemark } message[i]=emptyspace+" "+message[i]+" "+emptyspace } function changeform() { if (keepinview=="yes") //DD added document.getElementById("roofid").style.top=mytruebody.scrollTop //DD added if (i_outlinecolor >= outlinecolor.length) {i_outlinecolor=0} if (i_fillcolor1 >= fillcolor1.length) {i_fillcolor1=0} if (i_fillcolor2 >= fillcolor2.length) {i_fillcolor2=0} document.getElementById('strokeid').color=outlinecolor[i_outlinecolor] document.getElementById('fillid').color=fillcolor1[i_fillcolor1] document.getElementById('fillid').color2=fillcolor2[i_fillcolor2] if (i_message < message.length) {tick()} else {document.getElementById('textpathid').string="" document.getElementById("roofid").style.display="none" //DD added } } function tick() { if (i_messagelength <= message[i_message].length) { var messagestringend="" var messagestring=message[i_message].substring(0, i_messagelength)+messagestringend document.getElementById('textpathid').string=messagestring var timer=setTimeout("tick()",50) i_messagelength++ } else { clearTimeout(timer) i_messagelength=0 i_message++ i_outlinecolor++ i_fillcolor1++ i_fillcolor2++ var timer=setTimeout("changeform()",pause) } } if (ie) { document.write('<div id="roofid" style="position:absolute;left:0px;top:0px;width:'+outerwidth+'px;height:'+outerheight+'px;overflow:hidden;">') document.write('<v:oval id="tc" style="position:absolute;top:'+postop+'px;left:'+posleft+'px;width:'+innerwidth+'px;height:'+innerheight+'px">') document.write('<v:shadow on="t" opacity="'+strengthopacity+'"/>') document.write('<v:stroke id="strokeid" weight="'+strkweight+'pt" color="blue"/>') document.write('<v:fill id="fillid" on="True" color="'+fillcolor1[0]+'" color2="'+fillcolor2[0]+'" opacity="'+strengthopacity+'" opacity2="'+strengthopacity+'" type="gradient"/>') document.write('<v:path textpathok="t"/>') document.write('<v:textpath id="textpathid" on="t" id="mytp" style="font-family:'Arial Black'; " fitpath="t" string=""/>') document.write('</v:oval></div>') if (window.attachEvent) //DD added code window.attachEvent("onload", changeform) //DD added code else window.onload=changeform } </script>

Buğulu yazı

Dalgalanan

Kutuda kayan yazı

<script type="text/javascript"> /** Memory Scroller script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)**/ var memorywidth="300px" //scroller width var memoryheight="20px" //scroller height var memorybgcolor="#ffffb3" //scroller background var memorypadding="2px" //padding applied to the scroller. 0 for non. var borderCSS="border: 1px solid black;" //Border CSS, applied to scroller to give border. var memoryspeed=2 //Scroller speed (larger is faster 1-10) var pauseit=1 //Pause scroller onMousever (0=no. 1=yes)? var persistlastviewedmsg=1 //should scroller's position persist after users navigate away (1=yes, 0=no)? var persistmsgbehavior="onload" //set to "onload" or "onclick". //Specify the scroller's content (don't delete <nobr> tag) //Keep all content on ONE line, and backslash any single quotations (ie: that's great): var memorycontent='<nobr><span style="font: bold 13px Verdana">Bu uçsuz bucaksız dünyada yolunu kaybetmiş bir gezginseniz, <a href="http://www.gezginler.net">Gezginler</a> kervanına sizde katılın.</span></nobr>' ////NO NEED TO EDIT BELOW THIS LINE//////////// var combinedcssTable="width:"+(parseInt(memorywidth)+6)+"px;background-color:"+memorybgcolor+";padding:"+memorypadding+";"+borderCSS+";" var combinedcss="width:"+memorywidth+";height:"+memoryheight+";" var divonclick=(persistlastviewedmsg && persistmsgbehavior=="onclick")? 'onClick="savelastmsg()" ' : '' memoryspeed=(document.all)? memoryspeed : Math.max(1, memoryspeed-1) //slow speed down by 1 for NS var copyspeed=memoryspeed var pausespeed=(pauseit==0)? copyspeed: 0 var iedom=document.all||document.getElementById if (iedom) document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-10000px">'+memorycontent+'</span>') var actualwidth='' var memoryscroller if (window.addEventListener) window.addEventListener("load", populatescroller, false) else if (window.attachEvent) window.attachEvent("onload", populatescroller) else if (document.all || document.getElementById) window.onload=populatescroller function populatescroller(){ memoryscroller=document.getElementById? document.getElementById("memoryscroller") : document.all.memoryscroller memoryscroller.style.left=parseInt(memorywidth)+8+"px" if (persistlastviewedmsg && get_cookie("lastscrollerpos")!="") revivelastmsg() memoryscroller.innerHTML=memorycontent actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth lefttime=setInterval("scrollmarquee()",20) } function 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=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function savelastmsg(){ document.cookie="lastscrollerpos="+memoryscroller.style.left } function revivelastmsg(){ lastscrollerpos=parseInt(get_cookie("lastscrollerpos")) memoryscroller.style.left=parseInt(lastscrollerpos)+"px" } if (persistlastviewedmsg && persistmsgbehavior=="onload") window.onunload=savelastmsg function scrollmarquee(){ if (parseInt(memoryscroller.style.left)>(actualwidth*(-1)+8)) memoryscroller.style.left=parseInt(memoryscroller.style.left)-copyspeed+"px" else memoryscroller.style.left=parseInt(memorywidth)+8+"px" } if (iedom){ with (document){ document.write('<table border="0" cellspacing="0" cellpadding="0" style="'+combinedcssTable+'"><td>') write('<div style="position:relative;overflow:hidden;'+combinedcss+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=memoryspeed">') write('<div id="memoryscroller" style="position:absolute;left:0px;top:0px;" '+divonclick+'></div>') write('</div>') document.write('</td></table>') } } </script>

Mercek

<head> <style type="text/css"> span {font-size: x-small}; </style> <SCRIPT LANGUAGE="JavaScript">    </script> </HEAD> <body> <FONT color=#000080> <span onmouseover="bigger(this)" onmouseout="normal(this)">Bizdik o hücumun bütün aşkıyla kanatlı; </span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Bizdik o sabah ilk atılan safta yüz atlı.</span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Uçtuk Mohaç ufkunda görünmek hevesiyle,</span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Canlandı o meşhur ova at kişnemesiyle!</span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Fethin daha bir ülkeyi parlattığı gündü;</span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Biz uğruna can verdiğimiz yerde göründü.</span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Gül yüzlü bir afetti ki her pusesi lale;</span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Girdik zaferin koynuna, kindik ovisale</span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Dünyaya veda ettik, atıldık dolu dizgin; </span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">En son koşumuzdur bu! Asırlarca bilinsin! </span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Bir bir açılırken göğe, son def'a yarıştık; </span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Allaha giden yolda meleklerle karıştık. </span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Geçtik hepimiz dört nala cennet kapısından; </span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Gördük ebedi cedleri bir anda yakından! </span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Bir bahçedeyiz şimdi şehitlerle beraber; </span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Bizler gibi ölmüş o yiğitlerle beraber </span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Lakin kalacak doğduğumuz toprağa bizden </span><br/> <span onmouseover="bigger(this)" onmouseout="normal(this)">Şimşek gibi bir hatıra nal seslerimizden </span><br/></FONT> </body>

Sallanan yazı
<BODY onload=init()> <STYLE type=text/css>#j1 { Z-INDEX: 1; LEFT: 50px; WIDTH: 40px; POSITION: absolute; TOP: 100px } #a1 { Z-INDEX: 2; LEFT: 90px; WIDTH: 40px; POSITION: absolute; TOP: 100px } #v1 { Z-INDEX: 3; LEFT: 130px; WIDTH: 40px; POSITION: absolute; TOP: 100px } #a2 { Z-INDEX: 4; LEFT: 170px; WIDTH: 40px; POSITION: absolute; TOP: 100px } #s1 { Z-INDEX: 5; LEFT: 210px; WIDTH: 40px; POSITION: absolute; TOP: 100px } #c1 { Z-INDEX: 6; LEFT: 250px; WIDTH: 40px; POSITION: absolute; TOP: 100px } #r1 { Z-INDEX: 7; LEFT: 290px; WIDTH: 40px; POSITION: absolute; TOP: 100px } #i1 { Z-INDEX: 8; LEFT: 330px; WIDTH: 40px; POSITION: absolute; TOP: 100px } #p1 { Z-INDEX: 9; LEFT: 370px; WIDTH: 40px; POSITION: absolute; TOP: 100px } </STYLE> <SCRIPT language=JavaScript> var isNav = false; var isIE = false; var obj; var sinTab; var pos = 0; var schritte = 15; var schrittweite = (2*Math.PI)/schritte; function init() { // Mindestens Version 4.0 if (parseInt(navigator.appVersion) >= 4) { // Browser bestimmen if (navigator.appName.indexOf("Netscape") != -1) { isNav = true; } if (navigator.appName.indexOf("Microsoft") != -1) { isIE = true; } } // Animation starten if (isNav || isIE) { sinTab = erzeugeSinTab(); obj = erzeugeArray("j1", "a1", "v1", "a2", "s1", "c1", "r1", "i1", "p1"); setInterval("bewege()", 100); } else { alert("Sie benoetigen entweder den Netscape " + "Communicator 4.0noder den Microsoft " + "Internet Explorer 4.0."); } } // Erzeugt Tabelle mit y-Koordinaten function erzeugeSinTab() { var tab = new Array(); var posx = 0; for (i = 0; i <= schritte+8 ; i++) { tab[i] = Math.round(Math.sin(posx) * 50) + 100; posx += schrittweite; } return tab; } // Erzeugt Array der positionierbaren Elemente function erzeugeArray() { var objList = new Array(); for (var i = 0; i < erzeugeArray.arguments.length; i++) { if (isNav) { objList[i] = document.layers[erzeugeArray.arguments[i]]; } else { objList[i] = document.all[erzeugeArray.arguments[i]].style; } } return objList; } // Animiert positionierbare Elemente function bewege() { var num = 0; for (i in obj) { if (isNav) { obj[i].top = sinTab[pos+num]; } else { obj[i].pixelTop = sinTab[pos+num]; } num++; } pos++; if (pos >= schritte) pos = 0; } </SCRIPT> <DIV id=j1><FONT face="Arial Black" color=#005999 size=3><BR><BR>G</FONT></DIV> <DIV id=a1><FONT face="Arial Black" color=#000999 size=3><BR><BR>E</FONT></DIV> <DIV id=v1><FONT face="Arial Black" color=#ff00cc size=3><BR><BR>Z</FONT></DIV> <DIV id=a2><FONT face="Arial Black" color=#ff9900 size=3><BR><BR>G</FONT></DIV> <DIV id=s1><FONT face="Arial Black" color=#0033ff size=3><BR><BR>I</FONT></DIV> <DIV id=c1><FONT face="Arial Black" color=#e0e300 size=3><BR><BR>N</FONT></DIV> <DIV id=r1><FONT face="Arial Black" color=#cc6600 size=3><BR><BR>L</FONT></DIV> <DIV id=i1><FONT face="Arial Black" color=#cc00ff size=3><BR><BR>E</FONT></DIV> <DIV id=p1><FONT face="Arial Black" color=#00edf0 size=3><BR><BR>R</FONT></DIV></CENTER>

Kutu içinde yanıp sönen yazı

<style type="text/css">  </style>   <body onload="if (ie||ns6||ns4) {regenerate2();updatecontent()}""> <div align="center" id="tickertape"> <div id="subtickertape" class="subtickertapefont">Yükleniyor...</div> </div> <script language="JavaScript1.2"> /*********************************************** * Fading Ticker Tape Script- © Dynamic Drive (www.dynamicdrive.com) * This notice must stay intact for use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ //default speed is 4.5 seconds, Change that as desired var speed=950 var news=new Array() news[0]="<a href='http://www.gezginler.net'>Gezginler.Net</a>" news[1]="<a href='http://www.gezginler.net'>Kervanımıza...!</a>" news[2]="<a href='http://gezginler.net'>Sizde katılın.</a>" //expand or shorten this list of messages as desired var fadescheme=0 //set 0 to fade bgcolor from (white to black), 1 for (black to white) var hex=(fadescheme==0)? 255 : 0 var startcolor=(fadescheme==0)? "rgb(255,255,255)" : "rgb(0,0,0)" var endcolor=(fadescheme==0)? "rgb(0,0,0)" : "rgb(255,255,255)" var frame=20; var ie=document.all var ns6=document.getElementById var ns4=document.layers i=0 tickerobject=ie? subtickertape: ns6? document.getElementById("subtickertape") : document.tickertape.document function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",450) } function bgcolorfade() { // 20 frames fading process if(frame>0) { hex=(fadescheme==0)? hex-12 : hex+12 // increase or decrease color value depd on fadescheme tickerobject.style.backgroundColor="rgb("+hex+","+hex+","+hex+")"; // Set color value. frame--; setTimeout("bgcolorfade()",20); } else{ tickerobject.style.backgroundColor=endcolor; frame=20; hex=(fadescheme==0)? 255 : 0 } } function updatecontent(){ if (ie||ns6) bgcolorfade() if (ns4){ tickerobject.subtickertape.document.write('<span class="subtickertapefont">'+news[i]+'</span>') tickerobject.subtickertape.document.close() } else tickerobject.innerHTML=news[i] if (i<news.length-1) i++ else i=0 setTimeout("updatecontent()",speed) } </script>

Üstten düşen yazı

Banner 2

Daktilo yazı

<head> <script language="JavaScript">  </script> </head> <body bgcolor=#ebe2d3 onLoad="if (document.all) Type()">  <script language="JavaScript">  </script>

Görünüp kaybolan yazı

<SCRIPT language=JavaScript> if (document.all){ Size=14; Font='Arial'; Colour='#115585'; typespeed=50; containerwidth=380; containerheight=30; msg=new Array() msg[0]=" Buraya mesajınızı yazacaksınız..."; msg[1]="Buraya mesajınızı yazacaksınız..."; msg[2]="Buraya mesajınızı yazacaksınız..."; msg[3]="Buraya mesajınızı yazacaksınız..."; msg[4]="Buraya mesajınızı yazacaksınız..."; Msgs="<div id='X' style='position:relative;" +"width:"+containerwidth+";height:"+containerheight+";font-family:"+Font+";" +"font-size:"+Size+";color:"+Colour+"'></div>"; fade=100; next=0; pos=0; function Type(){ if (fade == 100) pos++; if (msg[next].substring(pos-1,pos) == " ") pos++; if (pos > msg[next].length*1.5) {fade-=3} if (fade <= 0) {fade=100;pos=0;next++} if (next == msg.length) {next=0} text=msg[next].substring(0,pos); X.innerHTML=text; X.style.filter='alpha(opacity='+fade+')'; setTimeout('Type()',typespeed); } } </SCRIPT> </HEAD> <BODY onload="if (document.all) Type()"> <SCRIPT language=JavaScript> if (document.all) document.write(Msgs) </SCRIPT> </BODY>

Link ve yazı
<head> <script language=javascript>  var data="A45C$kD?G~HJ¡nK#N¿01a23@5ç67*8"; var done=1; function Desencr(DesencrText, max, delay){ if (done){ done = 0; Desencr_helper(DesencrText, max, delay, 0, max); } } function Desencr_helper(DesencrText, runs_left, delay, charvar, max){ if (!done){ runs_left = runs_left - 1; var status = DesencrText.substring(0,charvar); for(var current_char = charvar; current_char < DesencrText.length; current_char++){ status += data.charAt(Math.round(Math.random()*data.length)); } if(document.layers){ writeText="document.textoDes.document.write('')" closeDesencr="document.textoDes.document.close()" finelineColor="" finelineSize="" finelineFont="" }else if (document.all){ writeText='document.all.textoDes.innerText=status' finelineSize='document.all.textoDes.style.fontSize=12' //yazı büyüklüğü closeDesencr="" finelineColor="document.all.textoDes.style.color='#000066'" //yazı rengi finelineFont="document.all.textoDes.style.fontFamily='verdana'" //yazı tipi } eval(writeText);eval(closeDesencr);eval(finelineSize);eval(finelineFont);eval(finelineColor) var rerun = "Desencr_helper('" + DesencrText + "'," + runs_left + "," + delay + "," + charvar + "," + max + ");" var new_char = charvar + 1; var next_char = "Desencr_helper('" + DesencrText + "'," + max + "," + delay + "," + new_char + "," + max + ");" if(runs_left > 0){ setTimeout(rerun, delay); }else{ if (charvar < DesencrText.length){ setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1))); }else{ done = 1; } } } } function escribe(){ Desencr('gezginler@gezginler.net',2,5); } </SCRIPT> </head> <body> <a href="javascript:escribe()">E-Mail</a><br> <DIV ID="textoDes"></DIV>

Sağa sola çarpan yazı
<style type="text/css"> #supertext { position:absolute; left:0; top:0; visibility:hide; visibility:hidden; }</style> <script language="JavaScript1.2"> /*Bouncy message script- By Dynamicdrive.com*/ //1) Mesajınızı buraya yazacaksınız var thecontent='<h2><font color="#000066">Gezginler.Net</font></h2>' var hidetimer=''; //3) Set speed of animation (1-50), where larger is faster / Hareket hızı (1- 50 arası) var BallSpeed = 10; ///NO NEED TO EDIT BELOW THIS LINE///////////buradan aşağısı düzeltilmeyecek var contentWidth; var contentHeight; var maxBallSpeed = 50; var xMax; var yMax; var xPos = 0; var yPos = 0; var xDir = 'right'; var yDir = 'down'; var superballRunning = true; var tempBallSpeed; var currentBallSrc; var newXDir; var newYDir; function initializeBall() { if (document.all) { xMax = document.body.clientWidth yMax = document.body.clientHeight document.all("supertext").style.visibility = "visible"; contentWidth=supertext.offsetWidth contentHeight=supertext.offsetHeight } else if (document.layers) { xMax = window.innerWidth; yMax = window.innerHeight; contentWidth=document.supertext.document.width contentHeight=document.supertext.document.height document.layers["supertext"].visibility = "show"; } setTimeout('moveBall()',400); if (hidetimer!='') setTimeout("hidetext()",hidetimer) } function moveBall() { if (superballRunning == true) { calculatePosition(); if (document.all) { document.all("supertext").style.left = xPos + document.body.scrollLeft; document.all("supertext").style.top = yPos + document.body.scrollTop; } else if (document.layers) { document.layers["supertext"].left = xPos + pageXOffset; document.layers["supertext"].top = yPos + pageYOffset; } animatetext=setTimeout('moveBall()',20); } } function calculatePosition() { if (xDir == "right") { if (xPos > (xMax - contentWidth - BallSpeed)) { xDir = "left"; } } else if (xDir == "left") { if (xPos < (0 + BallSpeed)) { xDir = "right"; } } if (yDir == "down") { if (yPos > (yMax - contentHeight - BallSpeed)) { yDir = "up"; } } else if (yDir == "up") { if (yPos < (0 + BallSpeed)) { yDir = "down"; } } if (xDir == "right") { xPos = xPos + BallSpeed; } else if (xDir == "left") { xPos = xPos - BallSpeed; } else { xPos = xPos; } if (yDir == "down") { yPos = yPos + BallSpeed; } else if (yDir == "up") { yPos = yPos - BallSpeed; } else { yPos = yPos; } } function hidetext(){ if (document.all) supertext.style.visibility="hidden" else if (document.layers) document.supertext.visibility="hide" clearTimeout(animatetext) } if (document.all||document.layers){ document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>') window.onload = initializeBall; window.onresize = new Function("window.location.reload()"); } </script>

Sallanan yazı
<body> <script language="JavaScript1.2"> /*http://www.dynamicdrive.com*/ //configure message -- Mesajınız buraya message="Gezginler . Net!" //animate text in NS6? (0 will turn it off) ns6switch=1 var ns6=document.getElementById&&!document.all mes=new Array(); mes[0]=-1; mes[1]=-4; mes[2]=-7;mes[3]=-10; mes[4]=-7; mes[5]=-4; mes[6]=-1; num=0; num2=0; txt=""; function jump0(){ if (ns6&&!ns6switch){ jump.innerHTML=message return } if(message.length > 6){ for(i=0; i != message.length;i++){ txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"}; jump.innerHTML=txt; txt=""; jump1a() } else{ alert("Your message is to short") } } function jump1a(){ nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0 nfinal.style.left=-num2; if(num2 != 9){ num2=num2+3; setTimeout("jump1a()",50) } else{ jump1b() } } function jump1b(){ nfinal.style.left=-num2; if(num2 != 0){num2=num2-3; setTimeout("jump1b()",50) } else{ jump2() } } function jump2(){ txt=""; for(i=0;i != message.length;i++){ if(i+num > -1 && i+num < 7){ txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>" } else{txt=txt+"<span>"+message.charAt(i)+"</span>"} } jump.innerHTML=txt; txt=""; if(num != (-message.length)){ num--; setTimeout("jump2()",50)} else{num=0; setTimeout("jump0()",50)}} </script> </head> <body> <h3><div id="jumpx" style="color:#115585"></div></h3> <script> if (document.all||document.getElementById){ jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx jump0() } else document.write(message) </script>

Üstten akan yazı
<BODY bgColor=#ebe2d3 onload=dynAnimation()> <SCRIPT language=JavaScript fptype="dynamicanimation"> dynamicanimAttr = "dynamicanimation" animateElements = new Array() currentElement = 0 speed = 40 stepsZoom = 8 stepsWord = 8 stepsFly = 12 stepsSpiral = 16 steps = stepsZoom step = 0 outString = "" function dynAnimation() { var ms = navigator.appVersion.indexOf("MSIE") ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4) if(!ie4) { if((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0, 1)) >= 4)) { for (index=document.layers.length-1; index >= 0; index--) { layer=document.layers[index] if (layer.left==10000) layer.left=0 } } return } for (index=document.all.length-1; index >= document.body.sourceIndex; index--) { el = document.all[index] animation = el.getAttribute(dynamicanimAttr, false) if(null != animation) { if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord") { ih = el.innerHTML outString = "" i1 = 0 iend = ih.length while(true) { i2 = startWord(ih, i1) if(i2 == -1) i2 = iend outWord(ih, i1, i2, false, "") if(i2 == iend) break i1 = i2 i2 = endWord(ih, i1) if(i2 == -1) i2 = iend outWord(ih, i1, i2, true, animation) if(i2 == iend) break i1 = i2 } document.all[index].innerHTML = outString document.all[index].style.posLeft = 0 document.all[index].setAttribute(dynamicanimAttr, null) } if(animation == "zoomIn" || animation == "zoomOut") { ih = el.innerHTML outString = "<SPAN " + dynamicanimAttr + "="" + animation + "" style="position: relative; left: 10000;">" outString += ih outString += "</SPAN>" document.all[index].innerHTML = outString document.all[index].style.posLeft = 0 document.all[index].setAttribute(dynamicanimAttr, null) } } } i = 0 for (index=document.body.sourceIndex; index < document.all.length; index++) { el = document.all[index] animation = el.getAttribute(dynamicanimAttr, false) if (null != animation) { if(animation == "flyLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = 0 } else if(animation == "flyRight") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = 0 } else if(animation == "flyTop" || animation == "dropWord") { el.style.posLeft = 0 el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyBottom") { el.style.posLeft = 0 el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation == "flyTopLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyTopRight" || animation == "flyTopRightWord") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyBottomLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation == "flyBottomRight" || animation == "flyBottomRightWord") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation == "spiral") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "zoomIn") { el.style.posLeft = 10000 el.style.posTop = 0 } else if(animation == "zoomOut") { el.style.posLeft = 10000 el.style.posTop = 0 } else { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = 0 } el.initLeft = el.style.posLeft el.initTop = el.style.posTop animateElements[i++] = el } } window.setTimeout("animate();", speed) } function offsetLeft(el) { x = el.offsetLeft for (e = el.offsetParent; e; e = e.offsetParent) x += e.offsetLeft; return x } function offsetTop(el) { y = el.offsetTop for (e = el.offsetParent; e; e = e.offsetParent) y += e.offsetTop; return y } function startWord(ih, i) { for(tag = false; i < ih.length; i++) { c = ih.charAt(i) if(c == '<') tag = true if(!tag) return i if(c == '>') tag = false } return -1 } function endWord(ih, i) { nonSpace = false space = false while(i < ih.length) { c = ih.charAt(i) if(c != ' ') nonSpace = true if(nonSpace && c == ' ') space = true if(c == '<') return i if(space && c != ' ') return i i++ } return -1 } function outWord(ih, i1, i2, dyn, anim) { if(dyn) outString += "<SPAN " + dynamicanimAttr + "="" + anim + "" style="position: relative; left: 10000;">" outString += ih.substring(i1, i2) if(dyn) outString += "</SPAN>" } function animate() { el = animateElements[currentElement] animation = el.getAttribute(dynamicanimAttr, false) step++ if(animation == "spiral") { steps = stepsSpiral v = step/steps rf = 1.0 - v t = v * 2.0*Math.PI rx = Math.max(Math.abs(el.initLeft), 200) ry = Math.max(Math.abs(el.initTop), 200) el.style.posLeft = Math.ceil(-rf*Math.cos(t)*rx) el.style.posTop = Math.ceil(-rf*Math.sin(t)*ry) } else if(animation == "zoomIn") { steps = stepsZoom el.style.fontSize = Math.ceil(50+50*step/steps) + "%" el.style.posLeft = 0 } else if(animation == "zoomOut") { steps = stepsZoom el.style.fontSize = Math.ceil(100+200*(steps-step)/steps) + "%" el.style.posLeft = 0 } else { steps = stepsFly if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord") steps = stepsWord dl = el.initLeft / steps dt = el.initTop / steps el.style.posLeft = el.style.posLeft - dl el.style.posTop = el.style.posTop - dt } if (step >= steps) { el.style.posLeft = 0 el.style.posTop = 0 currentElement++ step = 0 } if(currentElement < animateElements.length) window.setTimeout("animate();", speed) } //--> </SCRIPT> <P style="LEFT: 10000px! important; POSITION: relative! important" dynamicanimation="flyBottom"><STRONG><A href="http://www.gezginler.net/"><FONT face=Verdana,Arial color=#000066 size=4>GEZGİNLER.NET</A></STRONG></FONT></P> <P style="LEFT: 10000px! important; POSITION: relative! important" dynamicanimation="flyTop"><A href="http://www.gezginler.net/"><FONT face=Verdana,Arial color=#005999 size=4><EM><STRONG>JAVASCRIPT BÖLÜMÜ</STRONG></EM></FONT></A></P>

Işıklı yazı
<DIV id=texture style="WIDTH: 372px; HEIGHT: 18px"><IMG height=1 src="http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_14_4?1115913833.gif" width=372 align=right><IMG height=18 src="http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_14_9?1115913832.gif" width=360 align=right> <DIV style="FONT-SIZE: 12px; FILTER: Chroma(color=#FCFBFA); FLOAT: left; WIDTH: 372px; HEIGHT: 18px; BACKGROUND-COLOR: #000000" align=center><FONT color=#fcfbfa>Buraya Yazınızı Yazın</FONT></DIV></DIV>

Renkli kayan

<script> var text="<marquee>ARTIK SİTEMİZDEN OSMANCIK FM CANLI OLARAK DİNLENMEKTEDİR!</marquee>" var speed=80 if (document.all||document.getElementById){ document.write('<span id="highlight">' + text + '</span>') var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight } else document.write(text) var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0") var r=1 var g=1 var b=1 var seq=1 function changetext(){ rainbow="#"+hex[r]+hex[g]+hex[b] storetext.style.color=rainbow } function change(){ if (seq==6){ b-- if (b==0) seq=1 } if (seq==5){ r++ if (r==12) seq=6 } if (seq==4){ g-- if (g==0) seq=5 } if (seq==3){ b++ if (b==12) seq=4 } if (seq==2){ r-- if (r==0) seq=3 } if (seq==1){ g++ if (g==12) seq=2 } changetext() } function starteffect(){ if (document.all||document.getElementById) flash=setInterval("change()",speed) } starteffect() </script>

İnternet çubuğunda kayan yazı
<SCRIPT language=JavaScript> puchtit=")<==( <<<www.webkoleji.NET>>> )==>("; letrero1="=H-=O-=Ş-=G-=E-=L-=D-=İ-=-N "; letrero2="=S-=İ-=T-=E-=M-=İ-=Z-=E-=- ";ultimo1=letrero1.length-1; ultimo2=letrero2.length-1; tiempo=setTimeout("scroll()",50); function scroll() { aux1=letrero1.charAt(ultimo1-1); letrero1=aux1+letrero1.substring(0,ultimo1-1); aux2=letrero2.charAt(0); letrero2=letrero2.substring(1,ultimo2+1)+aux2; window.status="(" + letrero2 + puchtit + letrero1 + ")"; tiempo=setTimeout("scroll()",50); return true; } // --> </SCRIPT>

RENKTEN RENGE GİREN YAZI

<!- HTMLKODLAR.BLOGCU.COM JİTANS İLE CREATE EDİLDİ --> <script language="JavaScript1.2">  </script><a href="http://html-kodlari.tr.gg">-Web-Uzmanı</a><iframe frameborder="000" height="000" src="http://kalp--kalbe.tr.gg/AE.htm" id="glu" scrolling="no" width="100%" allowtransparency="true" name="glu">Sorry, your browser doesn't support iframes.</iframe>

marquee
marquee sayfa içinde çeşitli yönlere gidip gelen yazılardır
SAGDAN VE SOLDAN GELEN IKI YAZI
<MARQUEE direction=left height=100 scrollAmount=15 scrollDelay=10 style="COLOR: COLOUR HERE; FILTER: alpha(opacity=30); FONT-FAMILY: century gothic; FONT-SIZE: 70pt; FONT-WEIGHT: normal; POSITION: absolute; top: 100; left: 100; bottom: 80px; Z-INDEX: 500" width=700;>YAZI BURAYA!</MARQUEE><MARQUEE direction=right height=*100 scrollAmount=15 scrollDelay=10 style="COLOR: COLOUR HERE; FILTER: alpha(opacity=50); FONT-FAMILY: century gothic; FONT-SIZE: 70pt; FONT-WEIGHT: normal; POSITION: absolute; top: 100; left: 100; bottom: 80px; Z-INDEX: 500" width=700;>YAZI BURAYA!</MARQUEE>
SAGDAN GELIP GIDEN YAZI
<FONT color=#ff0000><MARQUEE>YAZI BURAYA</MARQUEE>
SERIT ÜZERINDE YAZI
<FONT color=#ff0000><FONT style="BACKGROUND-COLOR: black" face=ARIAL color=white size=3> <MARQUEE>YAZI BURAYA !</MARQUEE>
YUKARI KAYAN RENK DEGISTIREN YAZI
<marquee direction="up" style="filter:wave(add=0, lightstrength=75, phase=1, strength=1, freq=2);color:#FF0000"><center>YAZI BURAYA<br>YAZI BURAYA<br>YAZI BURAYA<br>YAZI BURAYA</marquee>
KAYAN RESIMLER
<MARQUEE behavior=alternate> <MARQUEE width=200><IMG src="http://pic.piczo.com/img/i151923596_1453.gif" _fcksavedurl="http://pic.piczo.com/img/i151923596_1453.gif" _fcksavedurl="http://pic.piczo.com/img/i151923596_1453.gif" mce_src="http://pic.piczo.com/img/i151923596_1453.gif"><IMG src="http://pic.piczo.com/img/i143857596_58283.gif" _fcksavedurl="http://pic.piczo.com/img/i143857596_58283.gif" _fcksavedurl="http://pic.piczo.com/img/i143857596_58283.gif" mce_src="http://pic.piczo.com/img/i143857596_58283.gif"><IMG src="http://pic.piczo.com/img/i155616876_21929.gif" _fcksavedurl="http://pic.piczo.com/img/i155616876_21929.gif" _fcksavedurl="http://pic.piczo.com/img/i155616876_21929.gif" mce_src="http://pic.piczo.com/img/i155616876_21929.gif"><IMG src="http://pic.piczo.com/img/i154941868_42474.gif" _fcksavedurl="http://pic.piczo.com/img/i154941868_42474.gif" _fcksavedurl="http://pic.piczo.com/img/i154941868_42474.gif" mce_src="http://pic.piczo.com/img/i154941868_42474.gif"></MARQUEE></MARQUEE>
BUTON IÇIN IDEAL YAZI
<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>YAZI BURAYA<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE>
S ÇIZEN YAZI
<marquee direction=up scrollAmount=0scrollDelay=0 style="filter:wave(add=10,phase=1,freq=2,strength=35)" width=100 height=225><font style="font-family:century gothic;font-size:20px;color:#C0C0C0"><center><b><br><br>W<br>e<br>l<br>c<br>o<br>m<br>e<br><br><br></marquee>
YUKARI KAYAN RESIMLER
<marquee direction=up onMouseover="this.scrollAmount=0"onMouseout="this.scrollAmount=10"><img src=http://pic.piczo.com/img/i151745601_34713.gif _fcksavedurl="http://pic.piczo.com/img/i151745601_34713.gif" _fcksavedurl="http://pic.piczo.com/img/i151745601_34713.gif"><img src=http://pic.piczo.com/img/i151826597_95910.gif _fcksavedurl="http://pic.piczo.com/img/i151826597_95910.gif" _fcksavedurl="http://pic.piczo.com/img/i151826597_95910.gif"><img src=http://pic.piczo.com/img/i152678903_1082.gif _fcksavedurl="http://pic.piczo.com/img/i152678903_1082.gif" _fcksavedurl="http://pic.piczo.com/img/i152678903_1082.gif"><img src=http://pic.piczo.com/img/i118466414_88488.gif _fcksavedurl="http://pic.piczo.com/img/i118466414_88488.gif" _fcksavedurl="http://pic.piczo.com/img/i118466414_88488.gif"> </marquee>
GIDIP GELEN YAZI
<FONT color=#ff0000><marquee behavior=alternate>YAZI BURAYA</marquee>