Kendirli Derneği - Javascript Arşivi

Merhabalar. Bu sayfamızda hazır javascript kodlarımızı kopyala - yapıştır [ copy - paste ] işlemleri yaparak kendi sitenize uyarlayabilirsiniz.. Tamamı ücretsiz olup Kaynak gösterilmesi mecburidir. Lütfen emeğe saygılı olun..! Her türlü bilgi ve önerilerinizi bizlerle paylaşabilirsiniz. Hadi kolay gelsin..

MATRİX Kayan Yazı

<title>Bedavajava Matrix Kayan Yazı</title>

<center>
<style type="text/css">
.matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:30px; padding:0px; margin:0px;}
</style>

<!--
var rows=21;
var speed=50;
var reveal=5;
var effectalign="default"

<div id="matrix">Ali AKYILDIRIM</div>
</center>

Harf Animasyonu

<title>Bedavajava Harf Animasyonu Script</title>

var text = "Bedavajava Hazır Kodlar ";
var pismen = text.length;
var ZLEVA = 50;
var SHORA = 130;
var PUV_VELIKOST = 200;
var KON_VELIKOST = 15;

function ZobrazP( jake, x, y, vel ) {
if( vel>KON_VELIKOST ) {
eval( 'pismeno' + unescape(jake) + '.style.left=' + unescape( x - vel/2 ) );
eval( 'pismeno' + unescape(jake) + '.style.top=' + unescape( y - vel/2 ) );
eval( 'pismeno' + unescape(jake) + '.style.fontSize="' + unescape(vel) + 'pt";' ); 
vel-=10;
setTimeout( "ZobrazP( " + unescape(jake) + "," + unescape(x) + "," + unescape(y) + "," + unescape(vel) + ")" , 40 );
} 
}

function ZobrazPismeno( jake ) {
eval( 'pismeno' + unescape(jake) + '.style.visibility="visible";' );
ZobrazP( jake, ZLEVA+jake*KON_VELIKOST, SHORA, PUV_VELIKOST );
}

function main() {
var cas=0;
for(var i=0; i<pismen; i++) if( text.charAt(i)!=" ") setTimeout( "ZobrazPismeno( " + unescape(i) + ")", 1050*cas++ );
}

function MysPres() {
if (window.event.srcElement.tagName == "SPAN" ) {
window.event.srcElement.style.color="#FF0000";
} 
}
function MysVen() {
if (window.event.srcElement.tagName == "SPAN" ) {
window.event.srcElement.style.color="#0000FF";
} 
}

</script>

<a href="http://bedavajava.cjb.net">
<script language="JScript">
for(var i=0; i<pismen; i++) {
document.write( "<span id=pismeno" + unescape(i) + ' style="visibility:hidden;font-family:Courier New;position:absolute;width:' + unescape(PUV_VELIKOST) + 'px;">' );
document.write( text.charAt(i) );
document.write( "</span>" );
} 
</script></a>

Dalgalı Yazı

<title>Bedavajava Dalgalı Yazı Script</title>

/*
Nudging text by Ali AKYILDIRIM (aliakyildirim@myself.com)
For this script and more, visit http://bedavajava.cjb.net
*/

//configure message
message="Bedavajava Javascript Örnekleri"

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()
}
}

<h2><div id="jumpx" style="color:green"></div></h2>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
</script>

Mouse Ucunda Dönen Takvim - Saat

<title>Bedavajava Mouse Üzerinde Dönen Saat 2 Script</title>

<body bgcolor="brown">
<SCRIPT language=JavaScript>
dCol='FFFF00'; //tarih rengi.
fCol='00FF00'; //yazı rengi.
sCol='777fff'; //saniye rengi.
mCol='eee555'; //salise rengi.
hCol='FFFF00'; //saat rengi.
ClockHeight=40;
ClockWidth=40;
ClockFromMouseY=0;
ClockFromMouseX=100;
d=new Array("PAZAR","PAZARTESI","SALI","CARSAMBA","PERSEMBE","CUMA","CUMARTESI");
m=new Array("OCAK","SUBAT","MART","NISAN","MAYIS","HAZIRAN"," TEMMUZ","AGUSTOS","EYLUL","EKIM","KASIM","ARALIK");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.6;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5 // goloz.cjb.net
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.06;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){ // bedavajava.cjb.net
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
} // Ali AKYILDIRIM
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;f ont-weight:bold">'+H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;f ont-weight:bold">'+M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;f ont-weight:bold">'+S[i]+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
}
for (i=0; i < H.length; i++){
var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M.length; i++){
var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S.length; i++){
var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
}
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
</SCRIPT>

Renkli Yazı Örnekleri

<title>Bedavajava Renkli Yazı Örnekleri Script</title>

<html>
<head>

<meta name=author 
content="Ali AKYILDIRIM">
<meta name=copyright 
content="Neunkirchen, (c) June 20, 2004"> <meta license=GNU
content="GNU General Public License Version 1.2
as published by the Free Software Foundation"

<style>
body { background:silver; font-family:Arrus BT,Garamond,Times New Roman; }
div { position:absolute; }
</style>

<title>Emboss & 3D Letters</title>
<head>

<body>

Written by<br>

<div class="info">
<div class="light">
<i>Neunkirchen</i>
</div>
<div class="shade">
<i>Neunkirchen</i>
</div>
<div class="fill">
<i>
<a href="http://bedavajava.cjb.net"
onmouseover="status='Neunkirchen, © 2004'; return true;"
onmouseout="status='Bedavajava Üç Boyutlu Yazılar'; return true;">
Neunkirchen</a>
</i>
</div>

</div>
<br><br><br>

<style>
.shade1 { top:+5; left:+5; color:black; }
.fill1 { top:0; left:0; color:red; }
</style>
<div class=Example1>

<div class="shade1">
<center><h1>Bedavajava Gölge</h1></center>
</div>
<div class="fill1">
<center><h1>Bedavajava Gölge</h1></center>
</div>

</div>

<style>
.light2 { top:-1; left:-2; color:white; }
.shade2 { top:+1; left:+2; color:black; }
.fill2 { top:0; left:0; color:silver; } </style>
<div class=Example2>
<div class="light2">
<center><h1>Bedavajava Arkaplan Örneği</h1></center>
</div>
<div class="shade2">
<center><h1>Bedavajava Arkaplan Örneği</h1></center>
</div>
<div class="fill2">
<center><h1>Bedavajava Arkaplan Örneği</h1></center>
</div>
</div>

<style>
.light3 { top:-2; left:-2; color:white; }
.shade3 { top:+2; left:+2; color:lightblue; }
.fill3 { top:0; left:0; color:blue; } </style>
<div class=Example3>
<div class="light3">
<center><h1>Bedavajava Renk Örneği</h1></center>
</div>
<div class="shade3">
<center><h1>Bedavajava Renk Örneği</h1></center>
</div>
<div class="fill3">
<center><h1>Bedavajava Renk Örneği</h1></center>
</div>
</div>

<style>
.light4 { top:-2; left:-2; color:yellow; }
.shade4 { top:+2; left:+2; color:yellow; }
.fill4 { top:0; left:0; color:darkgreen; } </style>
<div class=Example4>
<div class="light4">
<center><h1>Bedavajava Parlak Yazı Örneği</h1></center>
</div>
<div class="shade4">
<center><h1>Bedavajava Parlak Yazı Örneği</h1></center>
</div>
<div class="fill4">
<center><h1>Bedavajava Parlak Yazı Örneği</h1></center>
</div>
</div>

</body>
</html>

Devamı için Tıkla (600+)