cardinal2k
05-03-2007, 12:07 AM
ARKADAŞLAR EMEK VERİYORUZ SİZDE SADECE SÖMÜRMEKLE KALMAYIN BİR TEŞEKKÜR EDİN SİZE ZAHMET
Saat Kodu
Kod:
<script language="JavaScript">
<!-- Clock variation (Silly Clock 3) http://website.lineone.net/~kurt.grigg/javascript
dCol='000066';//date colour. // tarih rengi
fCol='gray';//face colour. // rakam rengi
sCol='black';//seconds colour. //saniye rengi
mCol='black';//minutes colour. //dakika(yelkovan) rengi
hCol='black';//hours colour. //saat(akrep) rengi
cCol='red';//centre point colour. //merkez noktası rengi
ClockHeight=43;
ClockWidth=43;
d=new Array("PAZAR","PAZARTESİ","SALI","ÇARŞAMBA","PERŞEMBE","CUMA","CUMARTESİ");
m=new Array("OCAK","ŞUBAT","MART","NİSAN","MAYIS","HAZİRAN","TEMMUZ","AĞUSTOS","EYLÜL","EKİM","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=3;
M=4;
S=5;
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';//Best found for this script.
size=1;
var n4=(document.layers);
var n6=(document.getElementById&&!document.all);
var ie=(document.all);
var O=(navigator.appName.indexOf("Opera") != -1)?true:false;
var _d=(n4||ie)?'document.':'document.getElementById("';
var _a=(n4||n6)?'':'all.';
var _n6r=(n6)?'")':'';
var _s=(n4)?'':'.style';
Face=Face.split(' ');
n=Face.length;
a=size*10;
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
HandY=6;
HandX=6;
scrll=0;
Y=0;
X=0;
if (n4){
for (i=0; i < D.length; i++)
document.write('<layer name="Date'+i+'" top=0 left=0 height=15 width=15><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="Face'+i+'" top=0 left=0 height=15 width=15><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S; i++)
document.write('<layer name=Seconds'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
for (i=0; i < M; i++)
document.write('<layer name=Minutes'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
for (i=0; i < H; i++)
document.write('<layer name=Hours'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
}
else{
for (i=0; i < D.length; i++)
document.write('<div id="Date'+i+'" style="position:absolute;top:0px;left:0;width:15px;height :15px;text-align:center">'+props2+D[i]+'</B></font></div>');
for (i=0; i < n; i++)
document.write('<div id="Face'+i+'" style="position:absolute;top:0px;left:0;width:15px;height :15px;text-align:center">'+props+Face[i]+'</B></font></div>');
for (i=0; i < H; i++)
document.write('<div id="Hours'+i+'" style="position:absolute;top:0px;left:0;width:2px;height: 2px;font-size:2px;background:'+hCol+'"></div>');
for (i=0; i < M; i++)
document.write('<div id="Minutes'+i+'" style="position:absolute;top:0px;left:0;width:2px;height: 2px;font-size:2px;background:'+mCol+'"></div>');
for (i=0; i < S; i++)
document.write('<div id="Seconds'+i+'" style="position:absolute;top:0px;left:0;width:2px;height: 2px;font-size:2px;background:'+sCol+'"></div>');
}
(n4)?document.layers["Seconds"+0].bgColor=cCol:document.getElementById("Seconds"+0).style.background=cCol;
function ClockAndAssign(){
if (n4||n6||O){
Y=window.pageYOffset+window.innerHeight-90;
X=window.pageXOffset+window.innerWidth-100;
}
if (ie){
Y=document.body.scrollTop+window.document.body.cli entHeight-400;
X=document.body.scrollLeft+window.document.body.cl ientWidth-400;
}
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;
for (i=0; i < n; i++){
var F=eval(_d+_a+"Face"+i+_n6r+_s);
F.top=Y + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180);
F.left=X + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
}
for (i=0; i < H; i++){
var HL=eval(_d+_a+"Hours"+i+_n6r+_s);
HL.top=Y+HandY+(i*HandHeight)*Math.sin(hrs);
HL.left=X+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M; i++){
var ML=eval(_d+_a+"Minutes"+i+_n6r+_s);
ML.top=Y+HandY+(i*HandHeight)*Math.sin(min);
ML.left=X+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S; i++){
var SL=eval(_d+_a+"Seconds"+i+_n6r+_s);
SL.top=Y+HandY+(i*HandHeight)*Math.sin(sec);
SL.left=X+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=eval(_d+_a+"Date"+i+_n6r+_s);
DL.top=Y + ClockHeight*1.5*Math.sin(-sec+i*Dsplit*Math.PI/180);
DL.left=X + ClockWidth*1.5*Math.cos(-sec+i*Dsplit*Math.PI/180);
}
setTimeout('ClockAndAssign()',50);
}
if (n4||ie||n6||O)window.onload=ClockAndAssign;
//-->
</script>
Saydam Menü
Kod:
<html>
<head>
<title></title>
****** *************
<style></style>
</head>
<body>
<!--- KAYNAK: http://www.cakal.net --->
<STYLE TYPE="text/css">
.ae { font: 9px verdana; color: #c8d3e0; margin: 0; text-align: center }
.ea { font: 9px verdana; color: #7f98b7; margin: 0; filter: fliph flipv; text-align: center }
a.top { font:bold 10px ms sans serif; text-decoration:none; width:100px; text-align:center; height:14px; margin:0 ; padding:2 0; background-color:#000; letter-spacing:1px; color:#fff }
a.top:link, a.top:visited { border:1px solid #000; filter:Alpha(opacity=60) }
a.top:hover, a.top:active { border:1px solid #fff; filter:Alpha(opacity=90) }
a.one { font:bold 10px ms sans serif; text-decoration:none; width:100%; text-align:center; height:14px; margin:0 ; padding:2 0; background-color:#600; letter-spacing:1px; color:#fff }
a.one:link, a.one:visited { border:1px solid #600; filter:Alpha(opacity=60) }
a.one:hover, a.one:active { border:1px solid #fff; filter:Alpha(opacity=90) }
a.two { font:bold 10px ms sans serif; text-decoration:none; width:100%; text-align:center; height:14px; margin:0 ; padding:2 0; background-color:#060; letter-spacing:1px; color:#fff }
a.two:link, a.two:visited { border:1px solid #060; filter:Alpha(opacity=60) }
a.two:hover, a.two:active { border:1px solid #fff; filter:Alpha(opacity=90) }
a.three { font:bold 10px ms sans serif; text-decoration:none; width:100%; text-align:center; height:14px; margin:0 ; padding:2 0; background-color:#006; letter-spacing:1px; color:#fff }
a.three:link, a.three:visited { border:1px solid #006; filter:Alpha(opacity=60) }
a.three:hover, a.three:active { border:1px solid #fff; filter:Alpha(opacity=90) }
a.four { font:bold 10px ms sans serif; text-decoration:none; width:100%; text-align:center; height:14px; margin:0 ; padding:2 0; background-color:#660; letter-spacing:1px; color:#fff }
a.four:link, a.four:visited { border:1px solid #660; filter:Alpha(opacity=60) }
a.four:hover, a.four:active { border:1px solid #fff; filter:Alpha(opacity=90) }
a.five { font:bold 10px ms sans serif; text-decoration:none; width:100%; text-align:center; height:14px; margin:0 ; padding:2 0; background-color:#606; letter-spacing:1px; color:#fff }
a.five:link, a.five:visited { border:1px solid #606; filter:Alpha(opacity=60) }
a.five:hover, a.five:active { border:1px solid #fff; filter:Alpha(opacity=90) }
.tabsha { border-width:0 1 1 0; border-style:solid; height:97px; width:100px }
.wech { visibility:hidden }
#men1 { top:150px; left:130px; z-index:6; width:100px; position:absolute; border:1px outset #fff }
#sha1 { top:150px; left:130px; z-index:1; height:120px; width:105px; position:absolute; border:none; filter:shadow(color=#666666, direction=135, strength=5) }
#men2 { top:175px; left:130px; z-index:7; width:100px; position:absolute; border:1px outset #ccc }
#sha2 { top:175px; left:130px; z-index:2; height:120px; width:105px; position:absolute; border:none; filter:shadow(color=#666666, direction=135, strength=5) }
#men3 { top:200px; left:130px; z-index:8; width:100px; position:absolute; border:1px outset #ccc }
#sha3 { top:200px; left:130px; z-index:3; height:120px; width:105px; position:absolute; border:none; filter:shadow(color=#666666, direction=135, strength=5) }
#men4 { top:225px; left:130px; z-index:9; width:100px; position:absolute; border:1px outset #ccc }
#sha4 { top:225px; left:130px; z-index:4; height:120px; width:105px; position:absolute; border:none;filter:shadow(color=#666666, direction=135, strength=5) }
#men5 { top:250px; left:130px; z-index:10; width:100px; position:absolute; border:1px outset #fff }
#sha5 { top:250px; left:130px; z-index:5; height:120px; width:105px; position:absolute; border:none; filter:shadow(color=#666666, direction=135, strength=5) }
</style>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
/************************************************** **********
Script made by Erguen Adatepe © 1997-2002 http://www.cakal.net
This script may be used and changed freely as long as this msg is intact
For any reason feel free to drop me a mail: inconveneint
************************************************** **********/
if( top.parent.frames.length > 0)
top.parent.location.href=self.location.href;
function doit(id,what)
{
document.getElementById(id).style.visibility = what;
}
</script>
</HEAD>
<body onclick="doit('men1','hidden'); doit('sha1','hidden'); doit('men2','hidden'); doit('sha2','hidden'); doit('men3','hidden'); doit('sha3','hidden'); doit('men4','hidden'); doit('sha4','hidden'); doit('men5','hidden'); doit('sha5','hidden')">
<!-- Menu 1 -->
<a class=top href="javascript:void(0)" onmouseover="doit('men1','visible'); doit('sha1','visible'); doit('men2','hidden'); doit('sha2','hidden'); doit('men3','hidden'); doit('sha3','hidden'); doit('men4','hidden'); doit('sha4','hidden'); doit('men5','hidden'); doit('sha5','hidden')"
style="position:absolute; top:150px; left:2%">Menu 1</a><br>
<div id=men1 class=wech onclick="doit('men1','hidden'); doit('sha1','hidden')">
<a class=one href="http://www.cakal.net">Link 01</a><br>
<a class=one href="http://www.cakal.net">Link 02</a><br>
<a class=one href="http://www.cakal.net">Link 03</a><br>
<a class=one href="http://www.cakal.net">Link 04</a><br>
<a class=one href="http://www.cakal.net">Link 05</a></div>
<div id=sha1 class=wech><table class=tabsha><td></td></table></div>
<!-- Menu 2 -->
<a class=top href="javascript:void(0)" onmouseover="doit('men1','hidden'); doit('sha1','hidden'); doit('men2','visible'); doit('sha2','visible'); doit('men3','hidden'); doit('sha3','hidden'); doit('men4','hidden'); doit('sha4','hidden'); doit('men5','hidden'); doit('sha5','hidden')"
style="position:absolute; top:175px; left:2%">Menu 2</a><br>
<div id=men2 class=wech onclick="doit('men2','hidden'); doit('sha2','hidden')">
<a class=two href="http://www.cakal.net">Link 06</a><br>
<a class=two href="http://www.cakal.net">Link 07</a><br>
<a class=two href="http://www.cakal.net">Link 08</a><br>
<a class=two href="http://www.cakal.net">Link 09</a><br>
<a class=two href="http://www.cakal.net">Link 10</a></div>
<div id=sha2 class=wech><table class=tabsha><td></td></table></div>
<!-- Menu 3 -->
<a class=top href="javascript:void(0)" onmouseover="doit('men1','hidden'); doit('sha1','hidden'); doit('men2','hidden'); doit('sha2','hidden'); doit('men3','visible'); doit('sha3','visible'); doit('men4','hidden'); doit('sha4','hidden'); doit('men5','hidden'); doit('sha5','hidden')"
style="position:absolute; top:200px; left:2%">Menu 3</a><br>
<div id=men3 class=wech onclick="doit('men3','hidden'); doit('sha3','hidden')">
<a class=three href="http://www.cakal.net">Link 11</a><br>
<a class=three href="http://www.cakal.net">Link 12</a><br>
<a class=three href="http://www.cakal.net">Link 13</a><br>
<a class=three href="http://www.cakal.net">Link 14</a><br>
<a class=three href="http://www.cakal.net">Link 15</a></div>
<div id=sha3 class=wech><table class=tabsha><td></td></table></div>
<!-- Menu 4 -->
<a class=top href="javascript:void(0)" onmouseover="doit('men1','hidden'); doit('sha1','hidden'); doit('men2','hidden'); doit('sha2','hidden'); doit('men3','hidden'); doit('sha3','hidden'); doit('men4','visible'); doit('sha4','visible'); doit('men5','hidden'); doit('sha5','hidden')"
style="position:absolute; top:225px; left:2%">Menu 4</a><br>
<div id=men4 class=wech onclick="doit('men4','hidden'); doit('sha4','hidden')">
<a class=four href="http://www.cakal.net">Link 16</a><br>
<a class=four href="http://www.cakal.net">Link 17</a><br>
<a class=four href="http://www.cakal.net">Link 18</a><br>
<a class=four href="http://www.cakal.net">Link 19</a><br>
<a class=four href="http://www.cakal.net">Link 20</a></div>
<div id=sha4 class=wech style="visibility:hidden"><table class=tabsha><td></td></table></div>
<!-- Menu 5 -->
<a class=top href="javascript:void(0)" onmouseover="doit('men1','hidden'); doit('sha1','hidden'); doit('men2','hidden'); doit('sha2','hidden'); doit('men3','hidden'); doit('sha3','hidden'); doit('men4','hidden'); doit('sha4','hidden'); doit('men5','visible'); doit('sha5','visible')"
style="position:absolute; top:250px; left:2%">Menu 5</a><br>
<div id=men5 class=wech onclick="doit('men5','hidden'); doit('sha5','hidden')">
<a class=five href="http://www.cakal.net">Link 21</a><br>
<a class=five href="http://www.cakal.net">Link 22</a><br>
<a class=five href="http://www.cakal.net">Link 23</a><br>
<a class=five href="http://www.cakal.net">Link 24</a><br>
<a class=five href="http://www.cakal.net">Link 25</a></div>
<div id=sha5 class=wech><table class=tabsha><td></td></table></div>
<div style="top:90px; left:140px; z-index:-1; width:40%; position:absolute; text-align:justify"><b><font size="+1">Beni Yanlışsız Sakla</font></b><br>
<font size="2" color="#000066"><strong>Saate baktım yirmibeş yaşındayım <br>
Geç kalmadım tanrım yeniden inanmaya <br>
Aşka geç kalmadım <br>
<br>
Ardında yıkık şehirler ve leylaklar bırakan <br>
Bir cümle dudaklarımı geçip beni ihlâl etti <br>
Saate baktım müthiş bir yenilme vaktindeyim <br>
Sevgilim <br>
Ben nerede yağmur yağarsa orada şemsiye kırmanın kitabıyım <br>
Ve en güzel cümlen sensin <br>
<br>
Saate baktım buzlar ve çiçekler arasındayım <br>
Gömleğim asyaya düşerken <br>
Beni yanlışsız sakla bu son görünüşüm</strong></font><br><b><div align="center">Mevlana İdris Zengin</div></b> </div>
<!--- KAYNAK: http://www.cakal.net --->
</body>
</html>
Dönen Menü Kod:
<html>
<head>
<title></title>
****** *************
<style></style>
</head>
<body>
<!--- KAYNAK: http://www.cakal.net --->
<HEAD>
<script type="text/javascript" >
//EYEspin_dhtml (c) Petre Stefan www.eyecon.ro
eye={p:0,x:0,y:0,w:0,h:0,r:0,v:0,s:0,isVertical:0, a1:0,a2:0,a3:0,color:'#ffffff',colorover:'#ffffff' ,backgroundcolor:'#0099ff',backgroundcolorover:'#0 00000',bordercolor:'#000000',fontsize:12,fontfamil y:'Arial',pas:0,spinmenu:function(){this.p=this.r/this.s;this.a1=this.a2=this.isVertical?0:Math.PI/2},spinmenuitem:function(a7,a6,a5){a4=" onclick='window.open(\""+a6+"\""+(a5?(",\""+a5+"\""):",\"_self\"")+")'";document.write("<div id='spinmenu"+this.a3+"' style='cursor:pointer;cursor:expression(\"hand\");position:absolute;width:"+this.w+"px;left:"+this.h+"px;"+"background-color:"+this.backgroundcolor+";color:"+this.color+";border:1px solid "+this.bordercolor+";font:normal "+this.fontsize+"px "+this.fontfamily+";text-align:center;cursor:default;z-Index:1000;' onmouseover='this.style.color=\""+this.colorover+"\";this.style.backgroundColor=\""+this.backgroundcolorover+"\"'"+ "onmouseout='this.style.color=\""+this.color+"\";this.style.backgroundColor=\""+this.backgroundcolor+"\"'"+a4+">"+a7+"</div>");this.a3++},muta:function(){a8=document.getElemen tById("controale");for(i=0;i<this.a3;i++){a9=document.getElementById("spinmenu"+i+"");a9s=a9.style;if(this.isVertical){xi=parseInt(thi s.r*Math.cos(this.a1+i*this.pas))/this.s;yi=parseInt(this.r*Math.sin(this.a1+i*this. pas));a10=(this.p+xi)/(2*this.p);a11=this.fontsize*(this.p+xi)/(2*this.p)+2;a12=parseInt(100*(this.p+xi)/(2*this.p))}else{xi=parseInt(this.r*Math.cos(this. a1+i*this.pas));yi=parseInt(this.r*Math.sin(this.a 1+i*this.pas))/this.s;a10=(this.p+yi)/(2*this.p);a11=this.fontsize*(this.p+yi)/(2*this.p)+2;a12=parseInt(100*(this.p+yi)/(2*this.p))};a13=(this.w-20)*a10+20;a14=(this.h-20)*a10+10;a9s.top=(yi+this.y-a14/2)+"px";a9s.left=(xi+this.x-a13/2)+"px";a9s.width=a13+"px";a9s.fontSize=a11+"px";a9s.zIndex=a12};a8.style.top=this.y+(this.isVerti cal?this.r:this.p)+this.h/2+6;a8.style.left=this.x-a8.offsetWidth/2;if(this.a1!=this.a2){this.a1=(this.a1>this.a2)?(this.a1-this.pas/this.v):(this.a1+this.pas/this.v);if(Math.abs(this.a1-this.a2)<this.pas/this.v)
this.a1=this.a2;setTimeout("eye.muta()",10)}},spinmenuclose:function(){this.pas=2*Math.PI/this.a3;document.write('<div id="controale" style="position:absolute"><button style="border=0; background-color=#339966;" type="" onclick="eye.a2+=eye.pas;eye.muta()" onfocus="this.blur()"><font color="#00FF00"><< </font></button> <button style="border=0; background-color:#339966;" type="" onclick="eye.a2-=eye.pas;eye.muta()" onfocus="this.blur()"><font color="#00FF00"> >></font></button></div>');eye.muta()}};
function getposOffset(what, offsettype){var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;var parentEl=what.offsetParent;while (parentEl!=null){totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft :totaloffset+parentEl.offsetTop;parentEl=parentEl. offsetParent;}return totaloffset;
}
</script>
</HEAD><body>
<script type="text/javascript">
eye.isVertical = 0; //if it's vertical or horizontal [0|1]
eye.x = 450; // x offset from point of insertion on page
eye.y = 10; // y offset from point of insertion on page
eye.w = 150; // item's width
eye.h = 30; // height
eye.r = 100; // menu's radius
eye.v = 20; // velocity
eye.s = 8; // scale in space (for 3D effect)
eye.color = '#333300'; // normal text color
eye.colorover = '#ff3300'; // mouseover text color
eye.backgroundcolor = '#99cc00'; // normal background color
eye.backgroundcolorover = '#66cc99'; // mouseover background color
eye.bordercolor = '#ff3300'; //border color
eye.fontsize = 14; // font size
eye.fontfamily = 'Arial'; //font family
if (document.getElementById){
document.write('<div id="spinanchor" style="height:'+eval(eye.h+20)+'"></div>')
eye.anchor=document.getElementById('spinanchor')
eye.spinmenu();
eye.x+=getposOffset(eye.anchor, "left") //relatively position it
eye.y+=getposOffset(eye.anchor, "top") //relatively position it
//menuitem: eye.spinmenuitem(text, link, target)
eye.spinmenuitem("111111","http://siir.cakal.net");
eye.spinmenuitem("222222","http://ekart.cakal.net");
eye.spinmenuitem("333333","http://javascript.cakal.net");
eye.spinmenuitem("444444","http://www.cakal.net/modules/mydownloads/");
eye.spinmenuitem("555555","http://www.cakal.net/modules/mydownloads/");
eye.spinmenuitem("666666","http://www.cakal.net/modules/FlAsH_GaMeS");
eye.spinmenuitem("777777","http://www.cakal.net/modules/nsections/index.php?op=viewarticle&artid=23");
eye.spinmenuclose();
}
</script>
</body>
<!--- KAYNAK: http://www.cakal.net --->
</body>
</html>
Akan Menü
Kod:
<html>
<head>
<title></title>
****** *************
<style></style>
</head>
<body>
<!--- KAYNAK: http://www.cakal.net --->
<style type="text/css">
.glidetext{
position: relative;
/*Set initial position of your text. Make it just enough to hide the text from view:*/
left: -1100px;
}
</style>
<script type="text/javascript">
//Sequential fly-in text script- by JavaScriptKit.com
var pausebetweenmsg=10 //customize pause in miliseconds between each message showing up (3000=3 seconds)
var glidespeed=50 //customize glide speed in pixels per frame.
var curobjindex=0
function actualstyle(el, cssproperty){
if (el.currentStyle)
return el.currentStyle[cssproperty]
else if (window.getComputedStyle){
var elstyle=window.getComputedStyle(el, "")
return elstyle.getPropertyValue(cssproperty)
}
}
function collectElementbyClass(){
var classname="glidetext"
glidearray=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
glidearray[inc++]=alltags[i]
}
if (glidearray.length>0)
onebyoneglide()
}
function onebyoneglide(){
if (curobjindex<glidearray.length)
glidetimer=setInterval("glideroutine()",5)
}
function glideroutine(){
if (parseInt(actualstyle(glidearray[curobjindex], "left"))<0)
glidearray[curobjindex].style.left=parseInt(actualstyle(glidearray[curobjindex], "left"))+20
else{
glidearray[curobjindex].style.left=0
curobjindex++
clearInterval(glidetimer)
setTimeout("onebyoneglide()", pausebetweenmsg)
}
}
if (window.addEventListener)
window.addEventListener("load", collectElementbyClass, false)
else if (window.attachEvent)
window.attachEvent("onload", collectElementbyClass)
else if (document.getElementById)
window.onload=collectElementbyClass
</script>
<table>
<tr >
<td width="200" align="right"><div align="right" class="glidetext"><strong><font size="-1" color="#000080">
MENÜ </font> </strong></div><div align="right" class="glidetext"><img src="http://www.cakal.net/modules/javascripts/ornek/menu/Sp.gif" width="110"></div><font size="-1">
<div class="glidetext"><a href="http://www.cakal.net">Akan Menü scripti </a>
<div class="glidetext"><a href="http://www.cakal.net">Akan Menü scripti </a></div>
<div class="glidetext"><a href="http://www.cakal.net">Akan Menü scripti </a></div><br>
<div class="glidetext"><a href="http://www.cakal.net">Akan Menü scripti </a></div><br>
<div class="glidetext"><a href="http://www.cakal.net">Akan Menü scripti </a></div>
<div class="glidetext"><a href="http://www.cakal.net">Akan Menü scripti </a></div>
<div class="glidetext"><a href="http://www.cakal.net">Akan Menü scripti </a></div></font><br><br><br><br><br><br><br><br></td>
</td>
</tr>
</table>
<!--- KAYNAK: http://www.cakal.net --->
</body>
</html>
Açılan Menü
Kod:
<html>
<head>
<title></title>
****** *************
<style></style>
</head>
<body>
<!--- KAYNAK: http://www.cakal.net --->
<head>
<style>.m0l0i {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
padding: 4px;
}
.m0l0o {
text-decoration : none;
border : 1px solid #ffffff;
}
.m0l1i {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
padding: 4px;
}
.m0l1o {
text-decoration : none;
border : 1px solid #ffffff;
}
.m0l2i {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
padding: 4px;
}
.m0l2o {
text-decoration : none;
border : 1px solid #ffffff;
}</style>
</head>
<body leftmargin="5" marginheight="5" marginwidth="5" topmargin="5">
<script language="JavaScript">// Title: tigra menu
// URL: http://menu.softcomplex.com/
// Author: Denis Gritcyuk <[email protected]>
var menus = [];
function menu (item_struct, pos, styles) {
this.item_struct = item_struct;
this.pos = pos;
this.styles = styles;
this.id = menus.length;
this.items = [];
this.children = [];
this.add_item = menu_add_item;
this.hide = menu_hide;
this.onclick = menu_onclick;
this.onmouseout = menu_onmouseout;
this.onmouseover = menu_onmouseover;
this.onmousedown = menu_onmousedown;
var i;
for (i = 0; i < this.item_struct.length; i++)
new menu_item(i, this, this);
for (i = 0; i < this.children.length; i++)
this.children[i].visibility(true);
menus[this.id] = this;
}
function menu_add_item (item) {
var id = this.items.length;
this.items[id] = item;
return (id);
}
function menu_hide () {
for (var i = 0; i < this.items.length; i++) {
this.items[i].visibility(false);
this.items[i].switch_style('onmouseout');
}
}
function menu_onclick (id) {
var item = this.items[id];
return (item.fields[1] ? true : false);
}
function menu_onmouseout (id) {
this.hide_timer = setTimeout('menus['+ this.id +'].hide();',
this.pos['hide_delay'][this.active_item.depth]);
if (this.active_item.id == id)
this.active_item = null;
}
function menu_onmouseover (id) {
this.active_item = this.items[id];
clearTimeout(this.hide_timer);
var curr_item, visib;
for (var i = 0; i < this.items.length; i++) {
curr_item = this.items[i];
visib = (curr_item.arrpath.slice(0, curr_item.depth).join('_') ==
this.active_item.arrpath.slice(0, curr_item.depth).join('_'));
if (visib)
curr_item.switch_style (
curr_item == this.active_item ? 'onmouseover' : 'onmouseout');
curr_item.visibility(visib);
}
}
function menu_onmousedown (id) {
this.items[id].switch_style('onmousedown');
}
function menu_item (path, parent, container) {
this.path = new String (path);
this.parent = parent;
this.container = container;
this.arrpath = this.path.split('_');
this.depth = this.arrpath.length - 1;
var struct_path = '', i;
for (i = 0; i <= this.depth; i++)
struct_path += '[' + (Number(this.arrpath[i]) + (i ? 2 : 0)) + ']';
eval('this.fields = this.container.item_struct' + struct_path);
if (!this.fields) return;
this.get_x = mitem_get_x;
this.get_y = mitem_get_y;
this.init = mitem_init;
this.visibility = mitem_visibility;
this.switch_style = mitem_switch_style;
this.id = this.container.add_item(this);
parent.children[parent.children.length] = this;
this.init();
this.children = [];
var child_count = this.fields.length - 2;
for (i = 0; i < child_count; i++)
new menu_item (this.path + '_' + i, this, this.container);
this.switch_style('onmouseout');
}
function mitem_init() {
document.write (
'<a id="mi_' + this.container.id + '_'
+ this.id +'" class="m' + this.container.id + 'l' + this.depth
+'o" href="' + this.fields[1] + '" style="position: absolute; top: '
+ this.get_y() + 'px; left: ' + this.get_x() + 'px; width: '
+ this.container.pos['width'][this.depth] + 'px; height: '
+ this.container.pos['height'][this.depth] + 'px; visibility: hidden;'
+' background: black; color: white; z-index: ' + this.depth + ';" '
+ 'onclick="return menus[' + this.container.id + '].onclick('
+ this.id + ');" onmouseout="menus[' + this.container.id + '].onmouseout('
+ this.id + ');" onmouseover="menus[' + this.container.id + '].onmouseover('
+ this.id + ');" onmousedown="menus[' + this.container.id + '].onmousedown('
+ this.id + ');"><div class="m' + this.container.id + 'l' + this.depth + 'i">'
+ this.fields[0] + "</div></a>\n"
);
this.element = document.getElementById('mi_' + this.container.id + '_' + this.id);
}
function mitem_visibility(make_visible) {
if (make_visible != null) {
if (this.visible == make_visible) return;
this.visible = make_visible;
if (make_visible)
this.element.style.visibility = 'visible';
else if (this.depth)
this.element.style.visibility = 'hidden';
}
return (this.visible);
}
function mitem_get_x() {
var value = 0;
for (var i = 0; i <= this.depth; i++)
value += this.container.pos['block_left'][i]
+ this.arrpath[i] * this.container.pos['left'][i];
return (value);
}
function mitem_get_y() {
var value = 0;
for (var i = 0; i <= this.depth; i++)
value += this.container.pos['block_top'][i]
+ this.arrpath[i] * this.container.pos['top'][i];
return (value);
}
function mitem_switch_style(state) {
if (this.state == state) return;
this.state = state;
var style = this.container.styles[state];
for (var i = 0; i < style.length; i += 2)
if (style[i] && style[i+1])
eval('this.element.style.' + style[i] + "='"
+ style[i+1][this.depth] + "';");
}
</script>
<script language="JavaScript">/* --- menu başlangıcı --- */
var MENU_ITEMS = [
['BAŞLIK 1', 'http://www.adresiniz.com/',
['LİNK 1', 'http://www.adresiniz.com/'],
['LİNK 2', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
],
['LİNK 3', 'http://www.adresiniz.com/'],
],
['BAŞLIK 2', 'http://www.adresiniz.com/',
['LİNK 1', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
['Link 4', 'http://www.adresiniz.com/'],
['Link 5', 'http://www.adresiniz.com/'],
['Link 6', 'http://www.adresiniz.com/'],
['Link 7', 'http://www.adresiniz.com/'],
['Link 8', 'http://www.adresiniz.com/'],
],
['LİNK 2', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
],
['LİNK 3', 'http://www.adresiniz.com/'],
],
['BAŞLIK 3','http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
['Link 4', 'http://www.adresiniz.com/'],
['Link 5', 'http://www.adresiniz.com/'],
['Link 6', 'http://www.adresiniz.com/'],
['Link 7', 'http://www.adresiniz.com/'],
['Link 8', 'http://www.adresiniz.com/'],
['Link 9', 'http://www.adresiniz.com/'],
],
['BAŞLIK 4', 'http://www.adresiniz.com/',
['LİNK 1', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
],
['LİNK 2', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
['Link 4', 'http://www.adresiniz.com/'],
],
['LİNK 3', 'http://www.adresiniz.com/'],
],
];</script>
<script language="JavaScript">/* --- koordinatlar --- */
var MENU_POS1 = new Array();
MENU_POS1['height'] = [25, 20, 20];
MENU_POS1['width'] = [130, 170, 170];
MENU_POS1['block_top'] = [80, 25, 0];
MENU_POS1['block_left'] = [12, 0, 171];
MENU_POS1['top'] = [0, 21, 21];
MENU_POS1['left'] = [131, 0, 0];
MENU_POS1['hide_delay'] = [200, 200, 200];
var MENU_STYLES1 = new Array();
MENU_STYLES1['onmouseout'] = [
'color', ['#ffffff', '#ffffff', '#ffffff'], //yazı rengi
'background', ['#000066', '#000066', '#000066'],//yazı arkaplanı
'fontWeight', ['normal', 'normal', 'normal'],
'textDecoration', ['none', 'none', 'none'],
];
MENU_STYLES1['onmouseover'] = [
'color', ['#d3d17a', '#d3d17a', '#d3d17a'],
'background', ['#115585', '#115585', '#115585'],//hover rengi
'fontWeight', ['normal', 'bold', 'normal'],
'textDecoration', ['none', 'none', 'none'],
];
MENU_STYLES1['onmousedown'] = [
'color', ['#ffffff', '#000000', '#000000'],
'background', ['#99ccff', '#99ffcc', '#cc99ff'],
'fontWeight', ['normal', 'bold', 'normal'],
'textDecoration', ['underline', 'none', 'none'],
];</script>
<script language="JavaScript">
new menu (MENU_ITEMS, MENU_POS1, MENU_STYLES1);
</script>
<!--- KAYNAK: http://www.cakal.net --->
</body>
</html>
Kayan Menü
Kod:
<html>
<head>
<title></title>
****** *************
<style></style>
</head>
<body>
<!--- KAYNAK: http://www.cakal.net --->
<head>
<style>.m0l0i {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
padding: 4px;
}
.m0l0o {
text-decoration : none;
border : 1px solid #ffffff;
}
.m0l1i {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
padding: 4px;
}
.m0l1o {
text-decoration : none;
border : 1px solid #ffffff;
}
.m0l2i {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
padding: 4px;
}
.m0l2o {
text-decoration : none;
border : 1px solid #ffffff;
}</style>
</head>
<body leftmargin="5" marginheight="5" marginwidth="5" topmargin="5">
<script language="JavaScript">// Title: tigra menu
// URL: http://menu.softcomplex.com/
// Author: Denis Gritcyuk <[email protected]>
var menus = [];
function menu (item_struct, pos, styles) {
this.item_struct = item_struct;
this.pos = pos;
this.styles = styles;
this.id = menus.length;
this.items = [];
this.children = [];
this.add_item = menu_add_item;
this.hide = menu_hide;
this.onclick = menu_onclick;
this.onmouseout = menu_onmouseout;
this.onmouseover = menu_onmouseover;
this.onmousedown = menu_onmousedown;
var i;
for (i = 0; i < this.item_struct.length; i++)
new menu_item(i, this, this);
for (i = 0; i < this.children.length; i++)
this.children[i].visibility(true);
menus[this.id] = this;
}
function menu_add_item (item) {
var id = this.items.length;
this.items[id] = item;
return (id);
}
function menu_hide () {
for (var i = 0; i < this.items.length; i++) {
this.items[i].visibility(false);
this.items[i].switch_style('onmouseout');
}
}
function menu_onclick (id) {
var item = this.items[id];
return (item.fields[1] ? true : false);
}
function menu_onmouseout (id) {
this.hide_timer = setTimeout('menus['+ this.id +'].hide();',
this.pos['hide_delay'][this.active_item.depth]);
if (this.active_item.id == id)
this.active_item = null;
}
function menu_onmouseover (id) {
this.active_item = this.items[id];
clearTimeout(this.hide_timer);
var curr_item, visib;
for (var i = 0; i < this.items.length; i++) {
curr_item = this.items[i];
visib = (curr_item.arrpath.slice(0, curr_item.depth).join('_') ==
this.active_item.arrpath.slice(0, curr_item.depth).join('_'));
if (visib)
curr_item.switch_style (
curr_item == this.active_item ? 'onmouseover' : 'onmouseout');
curr_item.visibility(visib);
}
}
function menu_onmousedown (id) {
this.items[id].switch_style('onmousedown');
}
function menu_item (path, parent, container) {
this.path = new String (path);
this.parent = parent;
this.container = container;
this.arrpath = this.path.split('_');
this.depth = this.arrpath.length - 1;
var struct_path = '', i;
for (i = 0; i <= this.depth; i++)
struct_path += '[' + (Number(this.arrpath[i]) + (i ? 2 : 0)) + ']';
eval('this.fields = this.container.item_struct' + struct_path);
if (!this.fields) return;
this.get_x = mitem_get_x;
this.get_y = mitem_get_y;
this.init = mitem_init;
this.visibility = mitem_visibility;
this.switch_style = mitem_switch_style;
this.id = this.container.add_item(this);
parent.children[parent.children.length] = this;
this.init();
this.children = [];
var child_count = this.fields.length - 2;
for (i = 0; i < child_count; i++)
new menu_item (this.path + '_' + i, this, this.container);
this.switch_style('onmouseout');
}
function mitem_init() {
document.write (
'<a id="mi_' + this.container.id + '_'
+ this.id +'" class="m' + this.container.id + 'l' + this.depth
+'o" href="' + this.fields[1] + '" style="position: absolute; top: '
+ this.get_y() + 'px; left: ' + this.get_x() + 'px; width: '
+ this.container.pos['width'][this.depth] + 'px; height: '
+ this.container.pos['height'][this.depth] + 'px; visibility: hidden;'
+' background: black; color: white; z-index: ' + this.depth + ';" '
+ 'onclick="return menus[' + this.container.id + '].onclick('
+ this.id + ');" onmouseout="menus[' + this.container.id + '].onmouseout('
+ this.id + ');" onmouseover="menus[' + this.container.id + '].onmouseover('
+ this.id + ');" onmousedown="menus[' + this.container.id + '].onmousedown('
+ this.id + ');"><div class="m' + this.container.id + 'l' + this.depth + 'i">'
+ this.fields[0] + "</div></a>\n"
);
this.element = document.getElementById('mi_' + this.container.id + '_' + this.id);
}
function mitem_visibility(make_visible) {
if (make_visible != null) {
if (this.visible == make_visible) return;
this.visible = make_visible;
if (make_visible)
this.element.style.visibility = 'visible';
else if (this.depth)
this.element.style.visibility = 'hidden';
}
return (this.visible);
}
function mitem_get_x() {
var value = 0;
for (var i = 0; i <= this.depth; i++)
value += this.container.pos['block_left'][i]
+ this.arrpath[i] * this.container.pos['left'][i];
return (value);
}
function mitem_get_y() {
var value = 0;
for (var i = 0; i <= this.depth; i++)
value += this.container.pos['block_top'][i]
+ this.arrpath[i] * this.container.pos['top'][i];
return (value);
}
function mitem_switch_style(state) {
if (this.state == state) return;
this.state = state;
var style = this.container.styles[state];
for (var i = 0; i < style.length; i += 2)
if (style[i] && style[i+1])
eval('this.element.style.' + style[i] + "='"
+ style[i+1][this.depth] + "';");
}
</script>
<script language="JavaScript">/* --- menu başlangıcı --- */
var MENU_ITEMS = [
['BAŞLIK 1', 'http://www.adresiniz.com/',
['LİNK 1', 'http://www.adresiniz.com/'],
['LİNK 2', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
],
['LİNK 3', 'http://www.adresiniz.com/'],
],
['BAŞLIK 2', 'http://www.adresiniz.com/',
['LİNK 1', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
['Link 4', 'http://www.adresiniz.com/'],
['Link 5', 'http://www.adresiniz.com/'],
['Link 6', 'http://www.adresiniz.com/'],
['Link 7', 'http://www.adresiniz.com/'],
['Link 8', 'http://www.adresiniz.com/'],
],
['LİNK 2', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
],
['LİNK 3', 'http://www.adresiniz.com/'],
],
['BAŞLIK 3','http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
['Link 4', 'http://www.adresiniz.com/'],
['Link 5', 'http://www.adresiniz.com/'],
['Link 6', 'http://www.adresiniz.com/'],
['Link 7', 'http://www.adresiniz.com/'],
['Link 8', 'http://www.adresiniz.com/'],
['Link 9', 'http://www.adresiniz.com/'],
],
['BAŞLIK 4', 'http://www.adresiniz.com/',
['LİNK 1', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
],
['LİNK 2', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
['Link 4', 'http://www.adresiniz.com/'],
],
['LİNK 3', 'http://www.adresiniz.com/'],
],
];</script>
<script language="JavaScript">/* --- koordinatlar --- */
var MENU_POS1 = new Array();
MENU_POS1['height'] = [25, 20, 20];
MENU_POS1['width'] = [130, 170, 170];
MENU_POS1['block_top'] = [80, 25, 0];
MENU_POS1['block_left'] = [12, 0, 171];
MENU_POS1['top'] = [0, 21, 21];
MENU_POS1['left'] = [131, 0, 0];
MENU_POS1['hide_delay'] = [200, 200, 200];
var MENU_STYLES1 = new Array();
MENU_STYLES1['onmouseout'] = [
'color', ['#ffffff', '#ffffff', '#ffffff'], //yazı rengi
'background', ['#000066', '#000066', '#000066'],//yazı arkaplanı
'fontWeight', ['normal', 'normal', 'normal'],
'textDecoration', ['none', 'none', 'none'],
];
MENU_STYLES1['onmouseover'] = [
'color', ['#d3d17a', '#d3d17a', '#d3d17a'],
'background', ['#115585', '#115585', '#115585'],//hover rengi
'fontWeight', ['normal', 'bold', 'normal'],
'textDecoration', ['none', 'none', 'none'],
];
MENU_STYLES1['onmousedown'] = [
'color', ['#ffffff', '#000000', '#000000'],
'background', ['#99ccff', '#99ffcc', '#cc99ff'],
'fontWeight', ['normal', 'bold', 'normal'],
'textDecoration', ['underline', 'none', 'none'],
];</script>
<script language="JavaScript">
new menu (MENU_ITEMS, MENU_POS1, MENU_STYLES1);
</script>
<!--- KAYNAK: http://www.cakal.net --->
</body>
</html>
Renkli Menü
[code:1:85f86566ab]<html>
<head>
<title></title>
****** *************
<style></style>
</head>
<body>
<!--- KAYNAK: http://www.cakal.net --->
<!---<head> Başlangıcı --->
<style type="text/css">
#dhtmlgoodies_menu{ /* Menu object */
margin:0px;
padding:0px;
width:150px; /* Width of menu */
}
#dhtmlgoodies_menu li{
margin-top:2px; /* Space between each menu item */
/* Don't change these four values */
list-style-type:none;
clear:both;
display:block;
overflow:auto;
}
#dhtmlgoodies_menu li a{ /* Text rules for the menu items */
color:#000; /* Black text color */
text-decoration:none; /* No underline */
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Font to use */
letter-spacing:1px; /* Extra space between each letter of the menu items */
font-size:0.7em; /* Fixed font size */
font-weight:bold; /* Bold font */
float:left;
background-color:#F1F1F1;
padding-left:3px;
line-height:25px; /* Height of menu links */
}
#dhtmlgoodies_menu li div{
float:left;
}
</style>
<script type="text/javascript" src="color_functions.js"></script>
<SCRIPT type="text/javascript">
/************************************************** ************************************************** ********
(C) www.dhtmlgoodies.com, October 2005
This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.
Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.
Thank you!
www.dhtmlgoodies.com
Alf Magne Kalleland
************************************************** ************************************************** ********/
/*
HOW TO DEAL WITH THE ARRAYS BELOW
You can have more than one color in your menu. You define which color a menu item belongs to by specifying a class for the <a> tag
Example: <a class="menuGroup1"> which means that this element uses color number 2 (0 = first color). btw: You don't have to specify
<a class="menugroup0"> if a menu item uses the first color. This color is the default choice if nothing else is defined.
*/
var initActiveMenuItem = -1; // If one of the menu items should be initially highlighted.(-1 = none, 0 = first item, 1 = second...)
var activeSmallSquareColor = ['#D60808','#08D608']; // Color of small square at the left of each menu item - only one item in the array if you only have one color
var colorSquareWidth = 2; // Width of small square;
var marginSquare = 1;
var bgColorLinks = ["#E2EBED",'#EDE3E3']; // Background color for menu links - one element for each menu color
var degreesToDarkenOrLighten = [15,15]; // How many percent point to darken/lighten,or change saturation of the color above on mouse over (10-15 percent point is usually enough).
var changeBrightnessOrSaturation = ['saturation','saturation']; // Possible values: "saturation" and "brightness" - which one to adjust on mouseover
var textColorMenuItems = ['#000000','#000000']; /* Text color of links - one array item for each group of colors */
/*
You can use the color schemer at www.dhtmlgoodies.com to find your colors
We use the HSB color system here, The HSB color system is based on three values
* Hue = Which color, i.e. degree on color wheel
* Saturation = Intensity of the color to use
* Brightness = Brightness of the color
When you use the color schemer at the site, pick a color from the palett or type it into the RGB text box(format #RRGGBB, example #E2EBED)
Then adjust the value of brightness by typing in a new value in that text box(label "B").
*/
var darkenOnMouseOver = [false,false]; // Darken or Lighten on mouse over (true = darken, false = lighten)
// One element for each menu color.
// (Or more or less saturation if that is chosen in changeBrightnessOrSaturation
var timeStepOpacitySquare = 15; // Microseconds between each opacity change -> Lower value = faster
var opacityChangePerStep = 10; // Steps - change in opacity - on mouse out = Higher = faster
var timeStepSwitchBgColor = 10; // Microseconds between each text background change(darken or lighten) -> Lower value = faster
var bgColorStep = [2,2]; // lower value = slower bg color fading. This value should usually be about 10 percent of the degrees to lighten/darken
/************************************************** ************************************************** ********
/* Don't change anything below here
************************************************** ************************************************** ********/
var activeMenuItem = false;
var activeMenuLink = false;
var menuObj;
var brightnessLink = new Array();
var saturationLink = new Array();
var brightnessLinkMin = new Array();
var saturationLinkMin = new Array();
var darkenBrightnessCounter = new Array(); // Darken or lighten - this variable is set manually
var startHue = new Array();
var startSat = new Array();
var startBri = new Array();
function showMenuItem()
{
var hsb = toHSV(this.getAttribute('bgColorItem'));
currentIndex = this.className.replace(/[^\d]/g,'');
if(changeBrightnessOrSaturation[currentIndex]=='saturation'){
if(darkenOnMouseOver[currentIndex]){
var saturation = hsb[1] - (degreesToDarkenOrLighten[currentIndex]/100);
}else{
var saturation = hsb[1] + (degreesToDarkenOrLighten[currentIndex]/100);
}
if(saturation<0)saturation=0;
if(saturation>1)saturation=1;
var rgb = toRgb(hsb[0],saturation,hsb[2]);
}else{
if(darkenOnMouseOver[currentIndex]){
var brightness = hsb[2] - (degreesToDarkenOrLighten[currentIndex]/100);
}else{
var brightness = hsb[2] + (degreesToDarkenOrLighten[currentIndex]/100);
}
if(brightness<0)brightness=0;
if(brightness>1)brightness=1;
var rgb = toRgb(hsb[0],hsb[1],brightness);
}
this.style.backgroundColor = rgb;
this.currentBgColorItem = rgb;
this.setAttribute('currentBgColorItem',rgb);
var obj = this.parentNode.getElementsByTagName('DIV')[0];
obj.setAttribute('okToHide','0');
obj.okToHide = 0;
this.setAttribute('okToHide','0');
this.okToHide = 0;
obj.style.visibility = 'visible';
obj.style.opacity = 0.98;
obj.style.filter = 'alpha(opacity=98)';
}
function hideMenuItem()
{
if(this.getAttribute('initActive')=='1')return;
if(this.initActive=='1')return;
var obj = this.parentNode.getElementsByTagName('DIV')[0];
obj.setAttribute('okToHide','1');
obj.okToHide = 1;
this.setAttribute('okToHide','1');
this.okToHide = 1;
obj.style.visibility = 'visible';
if(navigator.userAgent.indexOf('Opera')>=0){
obj.style.visibility = 'hidden';
}else{
progressHideSquare(obj.id,(opacityChangePerStep*-1));
}
progressShowHideBgColor(this.id);
}
function progressShowHideBgColor(inputId)
{
var obj = document.getElementById(inputId);
var currentBgColor = obj.getAttribute('currentBgColorItem');
if(obj.getAttribute('okToHide')=='0')return;
if(!currentBgColor)currentBgColor = obj.currentBgColorItem;
if(currentBgColor){
var index = obj.className.replace(/[^\d]/g,'');
var hsb = toHSV(currentBgColor);
if(changeBrightnessOrSaturation[index]=='saturation'){
var saturation = hsb[1];
saturation+=darkenBrightnessCounter[index];
if((saturation>saturationLink[index] && darkenOnMouseOver[index]) || (saturation<saturationLink[index] && !darkenOnMouseOver[index]))saturation = saturationLink[index];
var rgb = toRgb(startHue[index],saturation,startBri[index]);
obj.style.backgroundColor = rgb;
obj.currentBgColorItem = rgb;
obj.setAttribute('currentBgColorItem',rgb);
if((hsb[1]<saturation && darkenOnMouseOver[index]) || (hsb[1]>saturation && !darkenOnMouseOver[index])){
setTimeout('progressShowHideBgColor(\'' + inputId + '\')',timeStepSwitchBgColor);
}else{
var index = obj.className.replace(/[^\d]/g,'');
obj.style.backgroundColor = bgColorLinks[index];
}
}else{
var brightness = hsb[2];
brightness+=darkenBrightnessCounter[index];
if((brightness>brightnessLink[index] && darkenOnMouseOver[index]) || (brightness<brightnessLink[index] && !darkenOnMouseOver[index]))brightness = brightnessLink[index];
var rgb = toRgb(startHue[index],startSat[index],brightness);
obj.style.backgroundColor = rgb;
obj.currentBgColorItem
Saat Kodu
Kod:
<script language="JavaScript">
<!-- Clock variation (Silly Clock 3) http://website.lineone.net/~kurt.grigg/javascript
dCol='000066';//date colour. // tarih rengi
fCol='gray';//face colour. // rakam rengi
sCol='black';//seconds colour. //saniye rengi
mCol='black';//minutes colour. //dakika(yelkovan) rengi
hCol='black';//hours colour. //saat(akrep) rengi
cCol='red';//centre point colour. //merkez noktası rengi
ClockHeight=43;
ClockWidth=43;
d=new Array("PAZAR","PAZARTESİ","SALI","ÇARŞAMBA","PERŞEMBE","CUMA","CUMARTESİ");
m=new Array("OCAK","ŞUBAT","MART","NİSAN","MAYIS","HAZİRAN","TEMMUZ","AĞUSTOS","EYLÜL","EKİM","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=3;
M=4;
S=5;
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';//Best found for this script.
size=1;
var n4=(document.layers);
var n6=(document.getElementById&&!document.all);
var ie=(document.all);
var O=(navigator.appName.indexOf("Opera") != -1)?true:false;
var _d=(n4||ie)?'document.':'document.getElementById("';
var _a=(n4||n6)?'':'all.';
var _n6r=(n6)?'")':'';
var _s=(n4)?'':'.style';
Face=Face.split(' ');
n=Face.length;
a=size*10;
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
HandY=6;
HandX=6;
scrll=0;
Y=0;
X=0;
if (n4){
for (i=0; i < D.length; i++)
document.write('<layer name="Date'+i+'" top=0 left=0 height=15 width=15><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="Face'+i+'" top=0 left=0 height=15 width=15><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S; i++)
document.write('<layer name=Seconds'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
for (i=0; i < M; i++)
document.write('<layer name=Minutes'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
for (i=0; i < H; i++)
document.write('<layer name=Hours'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
}
else{
for (i=0; i < D.length; i++)
document.write('<div id="Date'+i+'" style="position:absolute;top:0px;left:0;width:15px;height :15px;text-align:center">'+props2+D[i]+'</B></font></div>');
for (i=0; i < n; i++)
document.write('<div id="Face'+i+'" style="position:absolute;top:0px;left:0;width:15px;height :15px;text-align:center">'+props+Face[i]+'</B></font></div>');
for (i=0; i < H; i++)
document.write('<div id="Hours'+i+'" style="position:absolute;top:0px;left:0;width:2px;height: 2px;font-size:2px;background:'+hCol+'"></div>');
for (i=0; i < M; i++)
document.write('<div id="Minutes'+i+'" style="position:absolute;top:0px;left:0;width:2px;height: 2px;font-size:2px;background:'+mCol+'"></div>');
for (i=0; i < S; i++)
document.write('<div id="Seconds'+i+'" style="position:absolute;top:0px;left:0;width:2px;height: 2px;font-size:2px;background:'+sCol+'"></div>');
}
(n4)?document.layers["Seconds"+0].bgColor=cCol:document.getElementById("Seconds"+0).style.background=cCol;
function ClockAndAssign(){
if (n4||n6||O){
Y=window.pageYOffset+window.innerHeight-90;
X=window.pageXOffset+window.innerWidth-100;
}
if (ie){
Y=document.body.scrollTop+window.document.body.cli entHeight-400;
X=document.body.scrollLeft+window.document.body.cl ientWidth-400;
}
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;
for (i=0; i < n; i++){
var F=eval(_d+_a+"Face"+i+_n6r+_s);
F.top=Y + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180);
F.left=X + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
}
for (i=0; i < H; i++){
var HL=eval(_d+_a+"Hours"+i+_n6r+_s);
HL.top=Y+HandY+(i*HandHeight)*Math.sin(hrs);
HL.left=X+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M; i++){
var ML=eval(_d+_a+"Minutes"+i+_n6r+_s);
ML.top=Y+HandY+(i*HandHeight)*Math.sin(min);
ML.left=X+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S; i++){
var SL=eval(_d+_a+"Seconds"+i+_n6r+_s);
SL.top=Y+HandY+(i*HandHeight)*Math.sin(sec);
SL.left=X+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=eval(_d+_a+"Date"+i+_n6r+_s);
DL.top=Y + ClockHeight*1.5*Math.sin(-sec+i*Dsplit*Math.PI/180);
DL.left=X + ClockWidth*1.5*Math.cos(-sec+i*Dsplit*Math.PI/180);
}
setTimeout('ClockAndAssign()',50);
}
if (n4||ie||n6||O)window.onload=ClockAndAssign;
//-->
</script>
Saydam Menü
Kod:
<html>
<head>
<title></title>
****** *************
<style></style>
</head>
<body>
<!--- KAYNAK: http://www.cakal.net --->
<STYLE TYPE="text/css">
.ae { font: 9px verdana; color: #c8d3e0; margin: 0; text-align: center }
.ea { font: 9px verdana; color: #7f98b7; margin: 0; filter: fliph flipv; text-align: center }
a.top { font:bold 10px ms sans serif; text-decoration:none; width:100px; text-align:center; height:14px; margin:0 ; padding:2 0; background-color:#000; letter-spacing:1px; color:#fff }
a.top:link, a.top:visited { border:1px solid #000; filter:Alpha(opacity=60) }
a.top:hover, a.top:active { border:1px solid #fff; filter:Alpha(opacity=90) }
a.one { font:bold 10px ms sans serif; text-decoration:none; width:100%; text-align:center; height:14px; margin:0 ; padding:2 0; background-color:#600; letter-spacing:1px; color:#fff }
a.one:link, a.one:visited { border:1px solid #600; filter:Alpha(opacity=60) }
a.one:hover, a.one:active { border:1px solid #fff; filter:Alpha(opacity=90) }
a.two { font:bold 10px ms sans serif; text-decoration:none; width:100%; text-align:center; height:14px; margin:0 ; padding:2 0; background-color:#060; letter-spacing:1px; color:#fff }
a.two:link, a.two:visited { border:1px solid #060; filter:Alpha(opacity=60) }
a.two:hover, a.two:active { border:1px solid #fff; filter:Alpha(opacity=90) }
a.three { font:bold 10px ms sans serif; text-decoration:none; width:100%; text-align:center; height:14px; margin:0 ; padding:2 0; background-color:#006; letter-spacing:1px; color:#fff }
a.three:link, a.three:visited { border:1px solid #006; filter:Alpha(opacity=60) }
a.three:hover, a.three:active { border:1px solid #fff; filter:Alpha(opacity=90) }
a.four { font:bold 10px ms sans serif; text-decoration:none; width:100%; text-align:center; height:14px; margin:0 ; padding:2 0; background-color:#660; letter-spacing:1px; color:#fff }
a.four:link, a.four:visited { border:1px solid #660; filter:Alpha(opacity=60) }
a.four:hover, a.four:active { border:1px solid #fff; filter:Alpha(opacity=90) }
a.five { font:bold 10px ms sans serif; text-decoration:none; width:100%; text-align:center; height:14px; margin:0 ; padding:2 0; background-color:#606; letter-spacing:1px; color:#fff }
a.five:link, a.five:visited { border:1px solid #606; filter:Alpha(opacity=60) }
a.five:hover, a.five:active { border:1px solid #fff; filter:Alpha(opacity=90) }
.tabsha { border-width:0 1 1 0; border-style:solid; height:97px; width:100px }
.wech { visibility:hidden }
#men1 { top:150px; left:130px; z-index:6; width:100px; position:absolute; border:1px outset #fff }
#sha1 { top:150px; left:130px; z-index:1; height:120px; width:105px; position:absolute; border:none; filter:shadow(color=#666666, direction=135, strength=5) }
#men2 { top:175px; left:130px; z-index:7; width:100px; position:absolute; border:1px outset #ccc }
#sha2 { top:175px; left:130px; z-index:2; height:120px; width:105px; position:absolute; border:none; filter:shadow(color=#666666, direction=135, strength=5) }
#men3 { top:200px; left:130px; z-index:8; width:100px; position:absolute; border:1px outset #ccc }
#sha3 { top:200px; left:130px; z-index:3; height:120px; width:105px; position:absolute; border:none; filter:shadow(color=#666666, direction=135, strength=5) }
#men4 { top:225px; left:130px; z-index:9; width:100px; position:absolute; border:1px outset #ccc }
#sha4 { top:225px; left:130px; z-index:4; height:120px; width:105px; position:absolute; border:none;filter:shadow(color=#666666, direction=135, strength=5) }
#men5 { top:250px; left:130px; z-index:10; width:100px; position:absolute; border:1px outset #fff }
#sha5 { top:250px; left:130px; z-index:5; height:120px; width:105px; position:absolute; border:none; filter:shadow(color=#666666, direction=135, strength=5) }
</style>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
/************************************************** **********
Script made by Erguen Adatepe © 1997-2002 http://www.cakal.net
This script may be used and changed freely as long as this msg is intact
For any reason feel free to drop me a mail: inconveneint
************************************************** **********/
if( top.parent.frames.length > 0)
top.parent.location.href=self.location.href;
function doit(id,what)
{
document.getElementById(id).style.visibility = what;
}
</script>
</HEAD>
<body onclick="doit('men1','hidden'); doit('sha1','hidden'); doit('men2','hidden'); doit('sha2','hidden'); doit('men3','hidden'); doit('sha3','hidden'); doit('men4','hidden'); doit('sha4','hidden'); doit('men5','hidden'); doit('sha5','hidden')">
<!-- Menu 1 -->
<a class=top href="javascript:void(0)" onmouseover="doit('men1','visible'); doit('sha1','visible'); doit('men2','hidden'); doit('sha2','hidden'); doit('men3','hidden'); doit('sha3','hidden'); doit('men4','hidden'); doit('sha4','hidden'); doit('men5','hidden'); doit('sha5','hidden')"
style="position:absolute; top:150px; left:2%">Menu 1</a><br>
<div id=men1 class=wech onclick="doit('men1','hidden'); doit('sha1','hidden')">
<a class=one href="http://www.cakal.net">Link 01</a><br>
<a class=one href="http://www.cakal.net">Link 02</a><br>
<a class=one href="http://www.cakal.net">Link 03</a><br>
<a class=one href="http://www.cakal.net">Link 04</a><br>
<a class=one href="http://www.cakal.net">Link 05</a></div>
<div id=sha1 class=wech><table class=tabsha><td></td></table></div>
<!-- Menu 2 -->
<a class=top href="javascript:void(0)" onmouseover="doit('men1','hidden'); doit('sha1','hidden'); doit('men2','visible'); doit('sha2','visible'); doit('men3','hidden'); doit('sha3','hidden'); doit('men4','hidden'); doit('sha4','hidden'); doit('men5','hidden'); doit('sha5','hidden')"
style="position:absolute; top:175px; left:2%">Menu 2</a><br>
<div id=men2 class=wech onclick="doit('men2','hidden'); doit('sha2','hidden')">
<a class=two href="http://www.cakal.net">Link 06</a><br>
<a class=two href="http://www.cakal.net">Link 07</a><br>
<a class=two href="http://www.cakal.net">Link 08</a><br>
<a class=two href="http://www.cakal.net">Link 09</a><br>
<a class=two href="http://www.cakal.net">Link 10</a></div>
<div id=sha2 class=wech><table class=tabsha><td></td></table></div>
<!-- Menu 3 -->
<a class=top href="javascript:void(0)" onmouseover="doit('men1','hidden'); doit('sha1','hidden'); doit('men2','hidden'); doit('sha2','hidden'); doit('men3','visible'); doit('sha3','visible'); doit('men4','hidden'); doit('sha4','hidden'); doit('men5','hidden'); doit('sha5','hidden')"
style="position:absolute; top:200px; left:2%">Menu 3</a><br>
<div id=men3 class=wech onclick="doit('men3','hidden'); doit('sha3','hidden')">
<a class=three href="http://www.cakal.net">Link 11</a><br>
<a class=three href="http://www.cakal.net">Link 12</a><br>
<a class=three href="http://www.cakal.net">Link 13</a><br>
<a class=three href="http://www.cakal.net">Link 14</a><br>
<a class=three href="http://www.cakal.net">Link 15</a></div>
<div id=sha3 class=wech><table class=tabsha><td></td></table></div>
<!-- Menu 4 -->
<a class=top href="javascript:void(0)" onmouseover="doit('men1','hidden'); doit('sha1','hidden'); doit('men2','hidden'); doit('sha2','hidden'); doit('men3','hidden'); doit('sha3','hidden'); doit('men4','visible'); doit('sha4','visible'); doit('men5','hidden'); doit('sha5','hidden')"
style="position:absolute; top:225px; left:2%">Menu 4</a><br>
<div id=men4 class=wech onclick="doit('men4','hidden'); doit('sha4','hidden')">
<a class=four href="http://www.cakal.net">Link 16</a><br>
<a class=four href="http://www.cakal.net">Link 17</a><br>
<a class=four href="http://www.cakal.net">Link 18</a><br>
<a class=four href="http://www.cakal.net">Link 19</a><br>
<a class=four href="http://www.cakal.net">Link 20</a></div>
<div id=sha4 class=wech style="visibility:hidden"><table class=tabsha><td></td></table></div>
<!-- Menu 5 -->
<a class=top href="javascript:void(0)" onmouseover="doit('men1','hidden'); doit('sha1','hidden'); doit('men2','hidden'); doit('sha2','hidden'); doit('men3','hidden'); doit('sha3','hidden'); doit('men4','hidden'); doit('sha4','hidden'); doit('men5','visible'); doit('sha5','visible')"
style="position:absolute; top:250px; left:2%">Menu 5</a><br>
<div id=men5 class=wech onclick="doit('men5','hidden'); doit('sha5','hidden')">
<a class=five href="http://www.cakal.net">Link 21</a><br>
<a class=five href="http://www.cakal.net">Link 22</a><br>
<a class=five href="http://www.cakal.net">Link 23</a><br>
<a class=five href="http://www.cakal.net">Link 24</a><br>
<a class=five href="http://www.cakal.net">Link 25</a></div>
<div id=sha5 class=wech><table class=tabsha><td></td></table></div>
<div style="top:90px; left:140px; z-index:-1; width:40%; position:absolute; text-align:justify"><b><font size="+1">Beni Yanlışsız Sakla</font></b><br>
<font size="2" color="#000066"><strong>Saate baktım yirmibeş yaşındayım <br>
Geç kalmadım tanrım yeniden inanmaya <br>
Aşka geç kalmadım <br>
<br>
Ardında yıkık şehirler ve leylaklar bırakan <br>
Bir cümle dudaklarımı geçip beni ihlâl etti <br>
Saate baktım müthiş bir yenilme vaktindeyim <br>
Sevgilim <br>
Ben nerede yağmur yağarsa orada şemsiye kırmanın kitabıyım <br>
Ve en güzel cümlen sensin <br>
<br>
Saate baktım buzlar ve çiçekler arasındayım <br>
Gömleğim asyaya düşerken <br>
Beni yanlışsız sakla bu son görünüşüm</strong></font><br><b><div align="center">Mevlana İdris Zengin</div></b> </div>
<!--- KAYNAK: http://www.cakal.net --->
</body>
</html>
Dönen Menü Kod:
<html>
<head>
<title></title>
****** *************
<style></style>
</head>
<body>
<!--- KAYNAK: http://www.cakal.net --->
<HEAD>
<script type="text/javascript" >
//EYEspin_dhtml (c) Petre Stefan www.eyecon.ro
eye={p:0,x:0,y:0,w:0,h:0,r:0,v:0,s:0,isVertical:0, a1:0,a2:0,a3:0,color:'#ffffff',colorover:'#ffffff' ,backgroundcolor:'#0099ff',backgroundcolorover:'#0 00000',bordercolor:'#000000',fontsize:12,fontfamil y:'Arial',pas:0,spinmenu:function(){this.p=this.r/this.s;this.a1=this.a2=this.isVertical?0:Math.PI/2},spinmenuitem:function(a7,a6,a5){a4=" onclick='window.open(\""+a6+"\""+(a5?(",\""+a5+"\""):",\"_self\"")+")'";document.write("<div id='spinmenu"+this.a3+"' style='cursor:pointer;cursor:expression(\"hand\");position:absolute;width:"+this.w+"px;left:"+this.h+"px;"+"background-color:"+this.backgroundcolor+";color:"+this.color+";border:1px solid "+this.bordercolor+";font:normal "+this.fontsize+"px "+this.fontfamily+";text-align:center;cursor:default;z-Index:1000;' onmouseover='this.style.color=\""+this.colorover+"\";this.style.backgroundColor=\""+this.backgroundcolorover+"\"'"+ "onmouseout='this.style.color=\""+this.color+"\";this.style.backgroundColor=\""+this.backgroundcolor+"\"'"+a4+">"+a7+"</div>");this.a3++},muta:function(){a8=document.getElemen tById("controale");for(i=0;i<this.a3;i++){a9=document.getElementById("spinmenu"+i+"");a9s=a9.style;if(this.isVertical){xi=parseInt(thi s.r*Math.cos(this.a1+i*this.pas))/this.s;yi=parseInt(this.r*Math.sin(this.a1+i*this. pas));a10=(this.p+xi)/(2*this.p);a11=this.fontsize*(this.p+xi)/(2*this.p)+2;a12=parseInt(100*(this.p+xi)/(2*this.p))}else{xi=parseInt(this.r*Math.cos(this. a1+i*this.pas));yi=parseInt(this.r*Math.sin(this.a 1+i*this.pas))/this.s;a10=(this.p+yi)/(2*this.p);a11=this.fontsize*(this.p+yi)/(2*this.p)+2;a12=parseInt(100*(this.p+yi)/(2*this.p))};a13=(this.w-20)*a10+20;a14=(this.h-20)*a10+10;a9s.top=(yi+this.y-a14/2)+"px";a9s.left=(xi+this.x-a13/2)+"px";a9s.width=a13+"px";a9s.fontSize=a11+"px";a9s.zIndex=a12};a8.style.top=this.y+(this.isVerti cal?this.r:this.p)+this.h/2+6;a8.style.left=this.x-a8.offsetWidth/2;if(this.a1!=this.a2){this.a1=(this.a1>this.a2)?(this.a1-this.pas/this.v):(this.a1+this.pas/this.v);if(Math.abs(this.a1-this.a2)<this.pas/this.v)
this.a1=this.a2;setTimeout("eye.muta()",10)}},spinmenuclose:function(){this.pas=2*Math.PI/this.a3;document.write('<div id="controale" style="position:absolute"><button style="border=0; background-color=#339966;" type="" onclick="eye.a2+=eye.pas;eye.muta()" onfocus="this.blur()"><font color="#00FF00"><< </font></button> <button style="border=0; background-color:#339966;" type="" onclick="eye.a2-=eye.pas;eye.muta()" onfocus="this.blur()"><font color="#00FF00"> >></font></button></div>');eye.muta()}};
function getposOffset(what, offsettype){var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;var parentEl=what.offsetParent;while (parentEl!=null){totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft :totaloffset+parentEl.offsetTop;parentEl=parentEl. offsetParent;}return totaloffset;
}
</script>
</HEAD><body>
<script type="text/javascript">
eye.isVertical = 0; //if it's vertical or horizontal [0|1]
eye.x = 450; // x offset from point of insertion on page
eye.y = 10; // y offset from point of insertion on page
eye.w = 150; // item's width
eye.h = 30; // height
eye.r = 100; // menu's radius
eye.v = 20; // velocity
eye.s = 8; // scale in space (for 3D effect)
eye.color = '#333300'; // normal text color
eye.colorover = '#ff3300'; // mouseover text color
eye.backgroundcolor = '#99cc00'; // normal background color
eye.backgroundcolorover = '#66cc99'; // mouseover background color
eye.bordercolor = '#ff3300'; //border color
eye.fontsize = 14; // font size
eye.fontfamily = 'Arial'; //font family
if (document.getElementById){
document.write('<div id="spinanchor" style="height:'+eval(eye.h+20)+'"></div>')
eye.anchor=document.getElementById('spinanchor')
eye.spinmenu();
eye.x+=getposOffset(eye.anchor, "left") //relatively position it
eye.y+=getposOffset(eye.anchor, "top") //relatively position it
//menuitem: eye.spinmenuitem(text, link, target)
eye.spinmenuitem("111111","http://siir.cakal.net");
eye.spinmenuitem("222222","http://ekart.cakal.net");
eye.spinmenuitem("333333","http://javascript.cakal.net");
eye.spinmenuitem("444444","http://www.cakal.net/modules/mydownloads/");
eye.spinmenuitem("555555","http://www.cakal.net/modules/mydownloads/");
eye.spinmenuitem("666666","http://www.cakal.net/modules/FlAsH_GaMeS");
eye.spinmenuitem("777777","http://www.cakal.net/modules/nsections/index.php?op=viewarticle&artid=23");
eye.spinmenuclose();
}
</script>
</body>
<!--- KAYNAK: http://www.cakal.net --->
</body>
</html>
Akan Menü
Kod:
<html>
<head>
<title></title>
****** *************
<style></style>
</head>
<body>
<!--- KAYNAK: http://www.cakal.net --->
<style type="text/css">
.glidetext{
position: relative;
/*Set initial position of your text. Make it just enough to hide the text from view:*/
left: -1100px;
}
</style>
<script type="text/javascript">
//Sequential fly-in text script- by JavaScriptKit.com
var pausebetweenmsg=10 //customize pause in miliseconds between each message showing up (3000=3 seconds)
var glidespeed=50 //customize glide speed in pixels per frame.
var curobjindex=0
function actualstyle(el, cssproperty){
if (el.currentStyle)
return el.currentStyle[cssproperty]
else if (window.getComputedStyle){
var elstyle=window.getComputedStyle(el, "")
return elstyle.getPropertyValue(cssproperty)
}
}
function collectElementbyClass(){
var classname="glidetext"
glidearray=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
glidearray[inc++]=alltags[i]
}
if (glidearray.length>0)
onebyoneglide()
}
function onebyoneglide(){
if (curobjindex<glidearray.length)
glidetimer=setInterval("glideroutine()",5)
}
function glideroutine(){
if (parseInt(actualstyle(glidearray[curobjindex], "left"))<0)
glidearray[curobjindex].style.left=parseInt(actualstyle(glidearray[curobjindex], "left"))+20
else{
glidearray[curobjindex].style.left=0
curobjindex++
clearInterval(glidetimer)
setTimeout("onebyoneglide()", pausebetweenmsg)
}
}
if (window.addEventListener)
window.addEventListener("load", collectElementbyClass, false)
else if (window.attachEvent)
window.attachEvent("onload", collectElementbyClass)
else if (document.getElementById)
window.onload=collectElementbyClass
</script>
<table>
<tr >
<td width="200" align="right"><div align="right" class="glidetext"><strong><font size="-1" color="#000080">
MENÜ </font> </strong></div><div align="right" class="glidetext"><img src="http://www.cakal.net/modules/javascripts/ornek/menu/Sp.gif" width="110"></div><font size="-1">
<div class="glidetext"><a href="http://www.cakal.net">Akan Menü scripti </a>
<div class="glidetext"><a href="http://www.cakal.net">Akan Menü scripti </a></div>
<div class="glidetext"><a href="http://www.cakal.net">Akan Menü scripti </a></div><br>
<div class="glidetext"><a href="http://www.cakal.net">Akan Menü scripti </a></div><br>
<div class="glidetext"><a href="http://www.cakal.net">Akan Menü scripti </a></div>
<div class="glidetext"><a href="http://www.cakal.net">Akan Menü scripti </a></div>
<div class="glidetext"><a href="http://www.cakal.net">Akan Menü scripti </a></div></font><br><br><br><br><br><br><br><br></td>
</td>
</tr>
</table>
<!--- KAYNAK: http://www.cakal.net --->
</body>
</html>
Açılan Menü
Kod:
<html>
<head>
<title></title>
****** *************
<style></style>
</head>
<body>
<!--- KAYNAK: http://www.cakal.net --->
<head>
<style>.m0l0i {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
padding: 4px;
}
.m0l0o {
text-decoration : none;
border : 1px solid #ffffff;
}
.m0l1i {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
padding: 4px;
}
.m0l1o {
text-decoration : none;
border : 1px solid #ffffff;
}
.m0l2i {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
padding: 4px;
}
.m0l2o {
text-decoration : none;
border : 1px solid #ffffff;
}</style>
</head>
<body leftmargin="5" marginheight="5" marginwidth="5" topmargin="5">
<script language="JavaScript">// Title: tigra menu
// URL: http://menu.softcomplex.com/
// Author: Denis Gritcyuk <[email protected]>
var menus = [];
function menu (item_struct, pos, styles) {
this.item_struct = item_struct;
this.pos = pos;
this.styles = styles;
this.id = menus.length;
this.items = [];
this.children = [];
this.add_item = menu_add_item;
this.hide = menu_hide;
this.onclick = menu_onclick;
this.onmouseout = menu_onmouseout;
this.onmouseover = menu_onmouseover;
this.onmousedown = menu_onmousedown;
var i;
for (i = 0; i < this.item_struct.length; i++)
new menu_item(i, this, this);
for (i = 0; i < this.children.length; i++)
this.children[i].visibility(true);
menus[this.id] = this;
}
function menu_add_item (item) {
var id = this.items.length;
this.items[id] = item;
return (id);
}
function menu_hide () {
for (var i = 0; i < this.items.length; i++) {
this.items[i].visibility(false);
this.items[i].switch_style('onmouseout');
}
}
function menu_onclick (id) {
var item = this.items[id];
return (item.fields[1] ? true : false);
}
function menu_onmouseout (id) {
this.hide_timer = setTimeout('menus['+ this.id +'].hide();',
this.pos['hide_delay'][this.active_item.depth]);
if (this.active_item.id == id)
this.active_item = null;
}
function menu_onmouseover (id) {
this.active_item = this.items[id];
clearTimeout(this.hide_timer);
var curr_item, visib;
for (var i = 0; i < this.items.length; i++) {
curr_item = this.items[i];
visib = (curr_item.arrpath.slice(0, curr_item.depth).join('_') ==
this.active_item.arrpath.slice(0, curr_item.depth).join('_'));
if (visib)
curr_item.switch_style (
curr_item == this.active_item ? 'onmouseover' : 'onmouseout');
curr_item.visibility(visib);
}
}
function menu_onmousedown (id) {
this.items[id].switch_style('onmousedown');
}
function menu_item (path, parent, container) {
this.path = new String (path);
this.parent = parent;
this.container = container;
this.arrpath = this.path.split('_');
this.depth = this.arrpath.length - 1;
var struct_path = '', i;
for (i = 0; i <= this.depth; i++)
struct_path += '[' + (Number(this.arrpath[i]) + (i ? 2 : 0)) + ']';
eval('this.fields = this.container.item_struct' + struct_path);
if (!this.fields) return;
this.get_x = mitem_get_x;
this.get_y = mitem_get_y;
this.init = mitem_init;
this.visibility = mitem_visibility;
this.switch_style = mitem_switch_style;
this.id = this.container.add_item(this);
parent.children[parent.children.length] = this;
this.init();
this.children = [];
var child_count = this.fields.length - 2;
for (i = 0; i < child_count; i++)
new menu_item (this.path + '_' + i, this, this.container);
this.switch_style('onmouseout');
}
function mitem_init() {
document.write (
'<a id="mi_' + this.container.id + '_'
+ this.id +'" class="m' + this.container.id + 'l' + this.depth
+'o" href="' + this.fields[1] + '" style="position: absolute; top: '
+ this.get_y() + 'px; left: ' + this.get_x() + 'px; width: '
+ this.container.pos['width'][this.depth] + 'px; height: '
+ this.container.pos['height'][this.depth] + 'px; visibility: hidden;'
+' background: black; color: white; z-index: ' + this.depth + ';" '
+ 'onclick="return menus[' + this.container.id + '].onclick('
+ this.id + ');" onmouseout="menus[' + this.container.id + '].onmouseout('
+ this.id + ');" onmouseover="menus[' + this.container.id + '].onmouseover('
+ this.id + ');" onmousedown="menus[' + this.container.id + '].onmousedown('
+ this.id + ');"><div class="m' + this.container.id + 'l' + this.depth + 'i">'
+ this.fields[0] + "</div></a>\n"
);
this.element = document.getElementById('mi_' + this.container.id + '_' + this.id);
}
function mitem_visibility(make_visible) {
if (make_visible != null) {
if (this.visible == make_visible) return;
this.visible = make_visible;
if (make_visible)
this.element.style.visibility = 'visible';
else if (this.depth)
this.element.style.visibility = 'hidden';
}
return (this.visible);
}
function mitem_get_x() {
var value = 0;
for (var i = 0; i <= this.depth; i++)
value += this.container.pos['block_left'][i]
+ this.arrpath[i] * this.container.pos['left'][i];
return (value);
}
function mitem_get_y() {
var value = 0;
for (var i = 0; i <= this.depth; i++)
value += this.container.pos['block_top'][i]
+ this.arrpath[i] * this.container.pos['top'][i];
return (value);
}
function mitem_switch_style(state) {
if (this.state == state) return;
this.state = state;
var style = this.container.styles[state];
for (var i = 0; i < style.length; i += 2)
if (style[i] && style[i+1])
eval('this.element.style.' + style[i] + "='"
+ style[i+1][this.depth] + "';");
}
</script>
<script language="JavaScript">/* --- menu başlangıcı --- */
var MENU_ITEMS = [
['BAŞLIK 1', 'http://www.adresiniz.com/',
['LİNK 1', 'http://www.adresiniz.com/'],
['LİNK 2', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
],
['LİNK 3', 'http://www.adresiniz.com/'],
],
['BAŞLIK 2', 'http://www.adresiniz.com/',
['LİNK 1', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
['Link 4', 'http://www.adresiniz.com/'],
['Link 5', 'http://www.adresiniz.com/'],
['Link 6', 'http://www.adresiniz.com/'],
['Link 7', 'http://www.adresiniz.com/'],
['Link 8', 'http://www.adresiniz.com/'],
],
['LİNK 2', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
],
['LİNK 3', 'http://www.adresiniz.com/'],
],
['BAŞLIK 3','http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
['Link 4', 'http://www.adresiniz.com/'],
['Link 5', 'http://www.adresiniz.com/'],
['Link 6', 'http://www.adresiniz.com/'],
['Link 7', 'http://www.adresiniz.com/'],
['Link 8', 'http://www.adresiniz.com/'],
['Link 9', 'http://www.adresiniz.com/'],
],
['BAŞLIK 4', 'http://www.adresiniz.com/',
['LİNK 1', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
],
['LİNK 2', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
['Link 4', 'http://www.adresiniz.com/'],
],
['LİNK 3', 'http://www.adresiniz.com/'],
],
];</script>
<script language="JavaScript">/* --- koordinatlar --- */
var MENU_POS1 = new Array();
MENU_POS1['height'] = [25, 20, 20];
MENU_POS1['width'] = [130, 170, 170];
MENU_POS1['block_top'] = [80, 25, 0];
MENU_POS1['block_left'] = [12, 0, 171];
MENU_POS1['top'] = [0, 21, 21];
MENU_POS1['left'] = [131, 0, 0];
MENU_POS1['hide_delay'] = [200, 200, 200];
var MENU_STYLES1 = new Array();
MENU_STYLES1['onmouseout'] = [
'color', ['#ffffff', '#ffffff', '#ffffff'], //yazı rengi
'background', ['#000066', '#000066', '#000066'],//yazı arkaplanı
'fontWeight', ['normal', 'normal', 'normal'],
'textDecoration', ['none', 'none', 'none'],
];
MENU_STYLES1['onmouseover'] = [
'color', ['#d3d17a', '#d3d17a', '#d3d17a'],
'background', ['#115585', '#115585', '#115585'],//hover rengi
'fontWeight', ['normal', 'bold', 'normal'],
'textDecoration', ['none', 'none', 'none'],
];
MENU_STYLES1['onmousedown'] = [
'color', ['#ffffff', '#000000', '#000000'],
'background', ['#99ccff', '#99ffcc', '#cc99ff'],
'fontWeight', ['normal', 'bold', 'normal'],
'textDecoration', ['underline', 'none', 'none'],
];</script>
<script language="JavaScript">
new menu (MENU_ITEMS, MENU_POS1, MENU_STYLES1);
</script>
<!--- KAYNAK: http://www.cakal.net --->
</body>
</html>
Kayan Menü
Kod:
<html>
<head>
<title></title>
****** *************
<style></style>
</head>
<body>
<!--- KAYNAK: http://www.cakal.net --->
<head>
<style>.m0l0i {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
padding: 4px;
}
.m0l0o {
text-decoration : none;
border : 1px solid #ffffff;
}
.m0l1i {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
padding: 4px;
}
.m0l1o {
text-decoration : none;
border : 1px solid #ffffff;
}
.m0l2i {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration : none;
padding: 4px;
}
.m0l2o {
text-decoration : none;
border : 1px solid #ffffff;
}</style>
</head>
<body leftmargin="5" marginheight="5" marginwidth="5" topmargin="5">
<script language="JavaScript">// Title: tigra menu
// URL: http://menu.softcomplex.com/
// Author: Denis Gritcyuk <[email protected]>
var menus = [];
function menu (item_struct, pos, styles) {
this.item_struct = item_struct;
this.pos = pos;
this.styles = styles;
this.id = menus.length;
this.items = [];
this.children = [];
this.add_item = menu_add_item;
this.hide = menu_hide;
this.onclick = menu_onclick;
this.onmouseout = menu_onmouseout;
this.onmouseover = menu_onmouseover;
this.onmousedown = menu_onmousedown;
var i;
for (i = 0; i < this.item_struct.length; i++)
new menu_item(i, this, this);
for (i = 0; i < this.children.length; i++)
this.children[i].visibility(true);
menus[this.id] = this;
}
function menu_add_item (item) {
var id = this.items.length;
this.items[id] = item;
return (id);
}
function menu_hide () {
for (var i = 0; i < this.items.length; i++) {
this.items[i].visibility(false);
this.items[i].switch_style('onmouseout');
}
}
function menu_onclick (id) {
var item = this.items[id];
return (item.fields[1] ? true : false);
}
function menu_onmouseout (id) {
this.hide_timer = setTimeout('menus['+ this.id +'].hide();',
this.pos['hide_delay'][this.active_item.depth]);
if (this.active_item.id == id)
this.active_item = null;
}
function menu_onmouseover (id) {
this.active_item = this.items[id];
clearTimeout(this.hide_timer);
var curr_item, visib;
for (var i = 0; i < this.items.length; i++) {
curr_item = this.items[i];
visib = (curr_item.arrpath.slice(0, curr_item.depth).join('_') ==
this.active_item.arrpath.slice(0, curr_item.depth).join('_'));
if (visib)
curr_item.switch_style (
curr_item == this.active_item ? 'onmouseover' : 'onmouseout');
curr_item.visibility(visib);
}
}
function menu_onmousedown (id) {
this.items[id].switch_style('onmousedown');
}
function menu_item (path, parent, container) {
this.path = new String (path);
this.parent = parent;
this.container = container;
this.arrpath = this.path.split('_');
this.depth = this.arrpath.length - 1;
var struct_path = '', i;
for (i = 0; i <= this.depth; i++)
struct_path += '[' + (Number(this.arrpath[i]) + (i ? 2 : 0)) + ']';
eval('this.fields = this.container.item_struct' + struct_path);
if (!this.fields) return;
this.get_x = mitem_get_x;
this.get_y = mitem_get_y;
this.init = mitem_init;
this.visibility = mitem_visibility;
this.switch_style = mitem_switch_style;
this.id = this.container.add_item(this);
parent.children[parent.children.length] = this;
this.init();
this.children = [];
var child_count = this.fields.length - 2;
for (i = 0; i < child_count; i++)
new menu_item (this.path + '_' + i, this, this.container);
this.switch_style('onmouseout');
}
function mitem_init() {
document.write (
'<a id="mi_' + this.container.id + '_'
+ this.id +'" class="m' + this.container.id + 'l' + this.depth
+'o" href="' + this.fields[1] + '" style="position: absolute; top: '
+ this.get_y() + 'px; left: ' + this.get_x() + 'px; width: '
+ this.container.pos['width'][this.depth] + 'px; height: '
+ this.container.pos['height'][this.depth] + 'px; visibility: hidden;'
+' background: black; color: white; z-index: ' + this.depth + ';" '
+ 'onclick="return menus[' + this.container.id + '].onclick('
+ this.id + ');" onmouseout="menus[' + this.container.id + '].onmouseout('
+ this.id + ');" onmouseover="menus[' + this.container.id + '].onmouseover('
+ this.id + ');" onmousedown="menus[' + this.container.id + '].onmousedown('
+ this.id + ');"><div class="m' + this.container.id + 'l' + this.depth + 'i">'
+ this.fields[0] + "</div></a>\n"
);
this.element = document.getElementById('mi_' + this.container.id + '_' + this.id);
}
function mitem_visibility(make_visible) {
if (make_visible != null) {
if (this.visible == make_visible) return;
this.visible = make_visible;
if (make_visible)
this.element.style.visibility = 'visible';
else if (this.depth)
this.element.style.visibility = 'hidden';
}
return (this.visible);
}
function mitem_get_x() {
var value = 0;
for (var i = 0; i <= this.depth; i++)
value += this.container.pos['block_left'][i]
+ this.arrpath[i] * this.container.pos['left'][i];
return (value);
}
function mitem_get_y() {
var value = 0;
for (var i = 0; i <= this.depth; i++)
value += this.container.pos['block_top'][i]
+ this.arrpath[i] * this.container.pos['top'][i];
return (value);
}
function mitem_switch_style(state) {
if (this.state == state) return;
this.state = state;
var style = this.container.styles[state];
for (var i = 0; i < style.length; i += 2)
if (style[i] && style[i+1])
eval('this.element.style.' + style[i] + "='"
+ style[i+1][this.depth] + "';");
}
</script>
<script language="JavaScript">/* --- menu başlangıcı --- */
var MENU_ITEMS = [
['BAŞLIK 1', 'http://www.adresiniz.com/',
['LİNK 1', 'http://www.adresiniz.com/'],
['LİNK 2', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
],
['LİNK 3', 'http://www.adresiniz.com/'],
],
['BAŞLIK 2', 'http://www.adresiniz.com/',
['LİNK 1', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
['Link 4', 'http://www.adresiniz.com/'],
['Link 5', 'http://www.adresiniz.com/'],
['Link 6', 'http://www.adresiniz.com/'],
['Link 7', 'http://www.adresiniz.com/'],
['Link 8', 'http://www.adresiniz.com/'],
],
['LİNK 2', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
],
['LİNK 3', 'http://www.adresiniz.com/'],
],
['BAŞLIK 3','http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
['Link 4', 'http://www.adresiniz.com/'],
['Link 5', 'http://www.adresiniz.com/'],
['Link 6', 'http://www.adresiniz.com/'],
['Link 7', 'http://www.adresiniz.com/'],
['Link 8', 'http://www.adresiniz.com/'],
['Link 9', 'http://www.adresiniz.com/'],
],
['BAŞLIK 4', 'http://www.adresiniz.com/',
['LİNK 1', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
],
['LİNK 2', 'http://www.adresiniz.com/',
['Link 1', 'http://www.adresiniz.com/'],
['Link 2', 'http://www.adresiniz.com/'],
['Link 3', 'http://www.adresiniz.com'],
['Link 4', 'http://www.adresiniz.com/'],
],
['LİNK 3', 'http://www.adresiniz.com/'],
],
];</script>
<script language="JavaScript">/* --- koordinatlar --- */
var MENU_POS1 = new Array();
MENU_POS1['height'] = [25, 20, 20];
MENU_POS1['width'] = [130, 170, 170];
MENU_POS1['block_top'] = [80, 25, 0];
MENU_POS1['block_left'] = [12, 0, 171];
MENU_POS1['top'] = [0, 21, 21];
MENU_POS1['left'] = [131, 0, 0];
MENU_POS1['hide_delay'] = [200, 200, 200];
var MENU_STYLES1 = new Array();
MENU_STYLES1['onmouseout'] = [
'color', ['#ffffff', '#ffffff', '#ffffff'], //yazı rengi
'background', ['#000066', '#000066', '#000066'],//yazı arkaplanı
'fontWeight', ['normal', 'normal', 'normal'],
'textDecoration', ['none', 'none', 'none'],
];
MENU_STYLES1['onmouseover'] = [
'color', ['#d3d17a', '#d3d17a', '#d3d17a'],
'background', ['#115585', '#115585', '#115585'],//hover rengi
'fontWeight', ['normal', 'bold', 'normal'],
'textDecoration', ['none', 'none', 'none'],
];
MENU_STYLES1['onmousedown'] = [
'color', ['#ffffff', '#000000', '#000000'],
'background', ['#99ccff', '#99ffcc', '#cc99ff'],
'fontWeight', ['normal', 'bold', 'normal'],
'textDecoration', ['underline', 'none', 'none'],
];</script>
<script language="JavaScript">
new menu (MENU_ITEMS, MENU_POS1, MENU_STYLES1);
</script>
<!--- KAYNAK: http://www.cakal.net --->
</body>
</html>
Renkli Menü
[code:1:85f86566ab]<html>
<head>
<title></title>
****** *************
<style></style>
</head>
<body>
<!--- KAYNAK: http://www.cakal.net --->
<!---<head> Başlangıcı --->
<style type="text/css">
#dhtmlgoodies_menu{ /* Menu object */
margin:0px;
padding:0px;
width:150px; /* Width of menu */
}
#dhtmlgoodies_menu li{
margin-top:2px; /* Space between each menu item */
/* Don't change these four values */
list-style-type:none;
clear:both;
display:block;
overflow:auto;
}
#dhtmlgoodies_menu li a{ /* Text rules for the menu items */
color:#000; /* Black text color */
text-decoration:none; /* No underline */
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Font to use */
letter-spacing:1px; /* Extra space between each letter of the menu items */
font-size:0.7em; /* Fixed font size */
font-weight:bold; /* Bold font */
float:left;
background-color:#F1F1F1;
padding-left:3px;
line-height:25px; /* Height of menu links */
}
#dhtmlgoodies_menu li div{
float:left;
}
</style>
<script type="text/javascript" src="color_functions.js"></script>
<SCRIPT type="text/javascript">
/************************************************** ************************************************** ********
(C) www.dhtmlgoodies.com, October 2005
This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.
Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.
Thank you!
www.dhtmlgoodies.com
Alf Magne Kalleland
************************************************** ************************************************** ********/
/*
HOW TO DEAL WITH THE ARRAYS BELOW
You can have more than one color in your menu. You define which color a menu item belongs to by specifying a class for the <a> tag
Example: <a class="menuGroup1"> which means that this element uses color number 2 (0 = first color). btw: You don't have to specify
<a class="menugroup0"> if a menu item uses the first color. This color is the default choice if nothing else is defined.
*/
var initActiveMenuItem = -1; // If one of the menu items should be initially highlighted.(-1 = none, 0 = first item, 1 = second...)
var activeSmallSquareColor = ['#D60808','#08D608']; // Color of small square at the left of each menu item - only one item in the array if you only have one color
var colorSquareWidth = 2; // Width of small square;
var marginSquare = 1;
var bgColorLinks = ["#E2EBED",'#EDE3E3']; // Background color for menu links - one element for each menu color
var degreesToDarkenOrLighten = [15,15]; // How many percent point to darken/lighten,or change saturation of the color above on mouse over (10-15 percent point is usually enough).
var changeBrightnessOrSaturation = ['saturation','saturation']; // Possible values: "saturation" and "brightness" - which one to adjust on mouseover
var textColorMenuItems = ['#000000','#000000']; /* Text color of links - one array item for each group of colors */
/*
You can use the color schemer at www.dhtmlgoodies.com to find your colors
We use the HSB color system here, The HSB color system is based on three values
* Hue = Which color, i.e. degree on color wheel
* Saturation = Intensity of the color to use
* Brightness = Brightness of the color
When you use the color schemer at the site, pick a color from the palett or type it into the RGB text box(format #RRGGBB, example #E2EBED)
Then adjust the value of brightness by typing in a new value in that text box(label "B").
*/
var darkenOnMouseOver = [false,false]; // Darken or Lighten on mouse over (true = darken, false = lighten)
// One element for each menu color.
// (Or more or less saturation if that is chosen in changeBrightnessOrSaturation
var timeStepOpacitySquare = 15; // Microseconds between each opacity change -> Lower value = faster
var opacityChangePerStep = 10; // Steps - change in opacity - on mouse out = Higher = faster
var timeStepSwitchBgColor = 10; // Microseconds between each text background change(darken or lighten) -> Lower value = faster
var bgColorStep = [2,2]; // lower value = slower bg color fading. This value should usually be about 10 percent of the degrees to lighten/darken
/************************************************** ************************************************** ********
/* Don't change anything below here
************************************************** ************************************************** ********/
var activeMenuItem = false;
var activeMenuLink = false;
var menuObj;
var brightnessLink = new Array();
var saturationLink = new Array();
var brightnessLinkMin = new Array();
var saturationLinkMin = new Array();
var darkenBrightnessCounter = new Array(); // Darken or lighten - this variable is set manually
var startHue = new Array();
var startSat = new Array();
var startBri = new Array();
function showMenuItem()
{
var hsb = toHSV(this.getAttribute('bgColorItem'));
currentIndex = this.className.replace(/[^\d]/g,'');
if(changeBrightnessOrSaturation[currentIndex]=='saturation'){
if(darkenOnMouseOver[currentIndex]){
var saturation = hsb[1] - (degreesToDarkenOrLighten[currentIndex]/100);
}else{
var saturation = hsb[1] + (degreesToDarkenOrLighten[currentIndex]/100);
}
if(saturation<0)saturation=0;
if(saturation>1)saturation=1;
var rgb = toRgb(hsb[0],saturation,hsb[2]);
}else{
if(darkenOnMouseOver[currentIndex]){
var brightness = hsb[2] - (degreesToDarkenOrLighten[currentIndex]/100);
}else{
var brightness = hsb[2] + (degreesToDarkenOrLighten[currentIndex]/100);
}
if(brightness<0)brightness=0;
if(brightness>1)brightness=1;
var rgb = toRgb(hsb[0],hsb[1],brightness);
}
this.style.backgroundColor = rgb;
this.currentBgColorItem = rgb;
this.setAttribute('currentBgColorItem',rgb);
var obj = this.parentNode.getElementsByTagName('DIV')[0];
obj.setAttribute('okToHide','0');
obj.okToHide = 0;
this.setAttribute('okToHide','0');
this.okToHide = 0;
obj.style.visibility = 'visible';
obj.style.opacity = 0.98;
obj.style.filter = 'alpha(opacity=98)';
}
function hideMenuItem()
{
if(this.getAttribute('initActive')=='1')return;
if(this.initActive=='1')return;
var obj = this.parentNode.getElementsByTagName('DIV')[0];
obj.setAttribute('okToHide','1');
obj.okToHide = 1;
this.setAttribute('okToHide','1');
this.okToHide = 1;
obj.style.visibility = 'visible';
if(navigator.userAgent.indexOf('Opera')>=0){
obj.style.visibility = 'hidden';
}else{
progressHideSquare(obj.id,(opacityChangePerStep*-1));
}
progressShowHideBgColor(this.id);
}
function progressShowHideBgColor(inputId)
{
var obj = document.getElementById(inputId);
var currentBgColor = obj.getAttribute('currentBgColorItem');
if(obj.getAttribute('okToHide')=='0')return;
if(!currentBgColor)currentBgColor = obj.currentBgColorItem;
if(currentBgColor){
var index = obj.className.replace(/[^\d]/g,'');
var hsb = toHSV(currentBgColor);
if(changeBrightnessOrSaturation[index]=='saturation'){
var saturation = hsb[1];
saturation+=darkenBrightnessCounter[index];
if((saturation>saturationLink[index] && darkenOnMouseOver[index]) || (saturation<saturationLink[index] && !darkenOnMouseOver[index]))saturation = saturationLink[index];
var rgb = toRgb(startHue[index],saturation,startBri[index]);
obj.style.backgroundColor = rgb;
obj.currentBgColorItem = rgb;
obj.setAttribute('currentBgColorItem',rgb);
if((hsb[1]<saturation && darkenOnMouseOver[index]) || (hsb[1]>saturation && !darkenOnMouseOver[index])){
setTimeout('progressShowHideBgColor(\'' + inputId + '\')',timeStepSwitchBgColor);
}else{
var index = obj.className.replace(/[^\d]/g,'');
obj.style.backgroundColor = bgColorLinks[index];
}
}else{
var brightness = hsb[2];
brightness+=darkenBrightnessCounter[index];
if((brightness>brightnessLink[index] && darkenOnMouseOver[index]) || (brightness<brightnessLink[index] && !darkenOnMouseOver[index]))brightness = brightnessLink[index];
var rgb = toRgb(startHue[index],startSat[index],brightness);
obj.style.backgroundColor = rgb;
obj.currentBgColorItem