KASTELEKOM

www.kastelekom.com Dünya' ya Açılan Pencereniz...

JAVA UYGULAMALARI

Arkaplan Efektleri

Buton Scriptleri

Link Scriptleri

Mouse Scriptleri

Saat Scriptleri

Yazı Efektleri

Browser Efektleri

Gerekliler

Menü Scriptleri

Resim Efektleri

Statusbar Efektleri

Diğer Scriptler

RENK KODLARI

Renk Kodları -1-

Renk Kodları -2-

MENÜ -3-

1 2 3 4 5 6 7 8 9

Gif kullanılarak hazırlanmış,direk göze hitap eden, çok güzel ve kullanışlı bir menü scripti

<html>
<head>
<style type="text/css">
#divCont {position:absolute; z-index:1; left:50px; top:70px; height:400px; width:170px; visibility:hidden;}
.clTop   {position:absolute; z-index:1; width:170px; line-height:17px;}
.clSub   {position:absolute; z-index:1; left:0px; top:20px; width:170px; line-height:14px;}

/*** Link renkleri ***/
#divCont .clTop a {color:#000066; font-family:verdana,arial,helvetica,sans-serif; font-size:14px; font-weight:bold; text-decoration:none;}
#divCont .clTop a:hover {color:#115585; text-decoration:none;}
#divCont .clTop .clSub a {color:#000077; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:normal; text-decoration:none;}
#divCont .clTop .clSub a:hover {color:#115585; text-decoration:none;}  
</style>
<script language="JavaScript" type="text/javascript">
/**********************************************************************************   
FoldoutMenu 
*   Copyright (C) 2001 <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a>
*********************************************************************************/

function lib_bwcheck(){ 
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=this.agent.indexOf("Opera 5")>-1
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	return this
}
var bw=new lib_bwcheck()

FoldNumber = 6	//Link sayısı
var stayFolded = false			
foldImg = 1						
mainOffsetY = 0

var unImg=new Image();
unImg.src='foldoutmenu_arrow.gif'

var exImg=new Image();					
exImg.src='foldoutmenu_arrow_open.gif'	
var px = bw.ns4||window.opera?"":"px";

if(navigator.userAgent.indexOf('Opera')>-1 && document.getElementById){ 
	scrX= innerWidth; scrY= innerHeight;
	document.onmousemove= function(){
		if(scrX<innerWidth-10 || scrY<innerHeight-10 || scrX>innerWidth+10 || scrY>innerHeight+10){
			scrX = innerWidth;
			scrY = innerHeight;
			initFoldout();
		}
	};
}
function makeMenu(obj,nest){
	nest= (!nest)?"":'document.'+nest+'.';
	this.el= bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):document.getElementById(obj);	
   	this.css= bw.ns4?this.el:this.el.style;
	this.ref= bw.ns4?this.el.document:document;		
	this.x= (bw.ns4||bw.opera5)?this.css.left:this.el.offsetLeft;
	this.y= (bw.ns4||bw.opera5)?this.css.top:this.el.offsetTop;
	this.h= (bw.ie||bw.ns6)?this.el.offsetHeight:bw.ns4?this.ref.height:bw.opera5?this.css.pixelHeight:0;
    this.vis= b_vis;
	this.hideIt= b_hideIt;
    this.showIt= b_showIt;
    this.moveIt= b_moveIt;
	return this
}
function b_showIt(){this.css.visibility='visible'}
function b_hideIt(){this.css.visibility='hidden'}
function b_vis(){if(this.css.visibility=='hidden' || this.css.visibility=='HIDDEN' || this.css.visibility=='hide') return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x+px; this.css.top=this.y+px}
function menu(num){
	if(bw.bw){
		if (!stayFolded){
			for (var i=0; i<oSub.length; i++){
				if (i!=num){
					oSub[i].hideIt()
					if (foldImg)oTop[i].ref["imgA"+i].src = unImg.src
				}
			}
			for(var i=1; i<oTop.length; i++){
				oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].h)
			}
		}
		if (oSub[num].vis()){
			oSub[num].showIt()
			if (foldImg)oTop[num].ref["imgA"+num].src = exImg.src
		}else{
			oSub[num].hideIt()
			if(foldImg)oTop[num].ref["imgA"+num].src = unImg.src
		}
		for(var i=1; i<oTop.length; i++){ 
			if (!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].h+oSub[i-1].h+mainOffsetY) 
			else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].h+mainOffsetY)
		}
	}
}
function initFoldout(){
		bw.opera5 = (navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?true:false
	if (bw.opera5) bw.ns6 = 0

oTop = new Array()
	oSub = new Array()
		for (var i=0; i<FoldNumber; i++){
		oTop[i] = new makeMenu('divTop'+i,'divCont')
		oSub[i] = new makeMenu('divSub'+i,'divCont.document.divTop'+i)
		oSub[i].hideIt()
	}
		oTop[0].moveIt(0,0)
	for (var i=1; i<oTop.length; i++){
		oTop[i].moveIt(0, oTop[i-1].y+oTop[i-1].h+mainOffsetY)
	}
			oCont = new makeMenu('divCont')
	oCont.showIt()
}
if(bw.bw) onload = initFoldout;
</script>
</head>

<div id="divTop0" class="clTop"><a href="http://www.gezginler.net" onclick="menu(0); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA0" width=12 height=12 alt="" border="0"> [BAŞLIK 0]</a><br>
<div id="divSub0" class="clSub">
	<a href="http://www.gezginler.net">Link 1</a><br>
	<a href="http://www.gezginler.net">Link 2</a><br>
	<a href="http://www.gezginler.net">Link 3</a><br>
	<a href="http://www.gezginler.net">Link 4</a><br>
</div><br>
</div>

<div id="divTop1" class="clTop"><a href="http://www.gezginler.net" onclick="menu(1); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA1" width=12 height=12 alt="" border="0"> [BAŞLIK 1]</a><br>
<div id="divSub1" class="clSub">
	<a href="http://www.gezginler.net">Link 1</a><br>
	<a href="http://www.gezginler.net">Link 2</a><br>
</div><br>
</div>

<div id="divTop2" class="clTop"><a href="http://www.gezginler.net" onclick="menu(2); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA2" width=12 height=12 alt="" border="0"> [BAŞLIK 2]</a><br>
<div id="divSub2" class="clSub">
	<a href="http://www.gezginler.net">Link 1</a><br>
	<a href="http://www.gezginler.net">Link 2</a><br>
	<a href="http://www.gezginler.net">Link 3</a><br>
</div><br>
</div>

<div id="divTop3" class="clTop"><a href="http://www.gezginler.net" onclick="menu(3); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA3" width=12 height=12 alt="" border="0"> [BAŞLIK 3]</a><br>
<div id="divSub3" class="clSub">
	<a href="http://www.gezginler.net">Link 1</a><br>
	<a href="http://www.gezginler.net">Link 2</a><br>
	<a href="http://www.gezginler.net">Link 3</a><br>
</div><br>
</div>

<div id="divTop4" class="clTop"><a href="http://www.gezginler.net" onclick="menu(4); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA4" width=12 height=12 alt="" border="0"> [BAŞLIK 4]</a><br>
<div id="divSub4" class="clSub">
	<a href="http://www.gezginler.net">Link 1</a><br>
	<a href="http://www.gezginler.net">Link 2</a><br>
	<a href="http://www.gezginler.net">Link 3</a><br>
	<a href="http://www.gezginler.net">Link 4</a><br>
	<a href="http://www.gezginler.net">Link 5</a><br>
</div><br>
</div>

<div id="divTop5" class="clTop"><a href="http://www.gezginler.net" onclick="menu(5); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0"> [BAŞLIK 5]</a><br>
<div id="divSub5" class="clSub">
	<a href="http://www.gezginler.net">Link 1</a><br>
	<a href="http://www.gezginler.net">Link 2</a><br>
</div><br>
</body>
</html>

Basılabilir butonlardan oluşan güzel bir menü scripti

<style type="text/css">

</style>
<script language="JavaScript">
if (!document.layers){

Width=100;
Font='Verdana';
FontSize=12;
AFontColor='#ffffff';
BFontColor='#ffffff';
CFontColor='#ffffff';
FontWeight='bold';  //normal veya bold!
BackGround='#000099'; 
BorderDepth=1;
BorderLight='#00ccff';
BorderShad='#000000';

</script>
<script language="JavaScript">

if (!document.layers){

if (document.getElementById&&!document.all){
document.write("<div style='position:relative'>"
+"<table border='0' cellpadding='0' cellspacing='0'>"
+"<tr><td valign='top'>");
}

Link('http://www.yahoo.com','Yahoo');
Link('http://www.google.com','Google');
Link('http://www.altavista.com','Alta Vista');
Link('http://www.lycos.com','Lycos');
Link('http://www.gezginler.net','Gezginler');

if (document.getElementById&&!document.all){
document.write("</td></tr></table></div>");
}
}
//-->
</script>

Basılabilir butonlardan oluşan güzel bir menü scripti daha...

<style>
.menulines{
border:2.5px solid #F0F0F0;
}

.menulines a{
text-decoration:none;
color:black;
}
</style>

Geniş içeriği bulunan kullanışlı bir menü

<STYLE type=text/css>A {
	COLOR: #ffcc00; FONT-SIZE: 10pt; TEXT-DECORATION: none
}
A:hover {
	COLOR: black; TEXT-DECORATION: none
}
A.plain:hover {
	COLOR: #ffcc00; FONT-SIZE: 10pt; TEXT-DECORATION: underline
}
#box {
	POSITION: absolute; VISIBILITY: hidden; layer-background-color: #004080
}
#limebox {
	BACKGROUND-COLOR: #99cc66
}
#bluebox {
	BACKGROUND-COLOR: #99cc66
}
#mnubar {
	FONT: bold 10pt arial
}
</STYLE>

<SCRIPT language=JavaScript>
ns=window.navigator.appName == "Netscape"
ie=window.navigator.appName == "Microsoft Internet Explorer"

if(ie) {
   curEl = event.toElement
   curEl.style.background = "black"

showBox = document.all.box[x];
     showBox.style.visibility = "visible";
        showBox.style.top = 46;
         
   var items = 5 
    for (i=0; i<items; i++) {
      elOpen=document.all.box[i]
       barEl=document.all.mnubar[i]
        if (i != x){ 
          elOpen.style.visibility = "hidden" 
          barEl.style.background = "black"
       }
     }
   }
}

function closeIt() {
   var items = 5 
     for (i=0; i<items; i++) {
       if(ie){
        document.all.box[i].style.visibility = "hidden"
          barEl=document.all.mnubar[i]
           barEl.style.background = "black" 
       }
       if(ns){ document.layers[i+1].visibility = "hide"}          
}
}

</SCRIPT>

<STYLE fprolloverstyle>A:hover {
	COLOR: #f0ffcc; FONT-WEIGHT: bold
}
</STYLE>

<TABLE bgColor=#004080 border=0 cellPadding=0 height=18 id=mainmenu width=800>
  <TBODY>
  <TR>
    <TD align=middle bgColor=#000000 colSpan=7 noWrap vAlign=center>
      <P align=left><B><FONT color=#ffcc00 face=Arial size=4>
      <DIV align=center>GEZGİNLER.NET      
      --=Java Scriptler=--      
      GEZGİNLER.NET</DIV></FONT></B>
      <P></P></TD></TR>
  <TR>
    <TD align=middle bgColor=#000000>
      <P align=center><FONT color=#ffcc00><B>   </B></FONT><A 
      class=plain href="http://www.gezginler.net/" onmouseover=closeIt()><FONT 
      color=#ffcc00><B>Ana Sayfa</B></FONT></A><FONT 
      color=#ffcc00><B>   </B></FONT><br><br></TD><br>
    <TD align=middle bgColor=#000000 noWrap><A 
      href="http://www.gezginler.net" id=mnubar 
      onmouseover=openIt(0)><FONT color=#ffcc00>İlk ana menu </FONT></A> 
       <br><BR></TD>
    <TD align=middle bgColor=#000000 noWrap><A 
      href="http://www.gezginler.net" id=mnubar 
      onmouseover=openIt(1)><FONT color=#ffcc00>İkinci ana menu </FONT></A> 
     <br>  <BR></TD>
    <TD align=middle bgColor=#000000 noWrap><A 
      href="http://www.gezginler.net" id=mnubar 
      onmouseover=openIt(2)><FONT color=#ffcc00>Üçüncü ana menu</FONT></A> 
      <br> <BR></TD>
    <TD align=middle bgColor=#000000 noWrap><FONT color=#ffcc00><A 
      href="http://www.gezginler.net" id=mnubar 
      onmouseover=openIt(3)><FONT color=#ffcc00>Dördüncü ana menu</FONT></A> 
       <br><BR></FONT></TD>
    <TD align=middle bgColor=#000000 noWrap><A 
      href="http://www.gezginler.net" id=mnubar 
      onmouseover=openIt(4)><FONT color=#ffcc00>Beşinci ana menu</FONT></A> 
      <br> <BR></TD>
    <TD align=middle bgColor=#000000 noWrap vAlign=top 
  width=30> </TD></TR></TBODY></TABLE><BR><BR><br>
<DIV onmouseover=closeIt()><LAYER onmouseover=closeIt()>
<P> </P></LAYER></DIV>
<DIV id=box style="LEFT: 120px">
<TABLE border=1 id=bluebox>
  <TBODY>
  <TR>
    <TD><A href="http://www.gezginler.net/">İlk alt menu</A></TD>
    <TD><A href="http://www.gezginler.net/">İkinci alt 
menu</A></TD></TR></TBODY></TABLE></DIV>
<DIV id=box style="LEFT: 200px">
<TABLE border=1 id=limebox>
  <TBODY>
  <TR>
    <TD><A href="http://www.gezginler.net/">İlk alt menu</A></TD>
    <TD><A href="http://www.gezginler.net/">İkinci alt menu</A></TD>
    <TD><A href="http://www.gezginler.net/">Üçüncü alt 
menu</A></TD></TR></TBODY></TABLE></DIV>
<DIV id=box style="LEFT: 240px">
<TABLE border=1 id=bluebox>
  <TBODY>
  <TR>
    <TD><A href="http://www.gezginler.net/">İlk alt menu</A></TD>
    <TD><A href="http://www.gezginler.net/">İkinci alt menu</A></TD>
    <TD><A href="http://www.gezginler.net/">Üçüncü alt menu</A></TD>
    <TD><A href="http://www.gezginler.net/">Dördüncü alt menu</A></TD>
    <TD><A href="http://www.gezginler.net/">Beşinci alt 
menu</A></TD></TR></TBODY></TABLE></DIV>
<DIV id=box style="LEFT: 400px">
<TABLE border=1 id=limebox>
  <TBODY>
  <TR>
    <TD><A href="http://www.gezginler.net/">İlk alt menu</A></TD>
    <TD><A href="http://www.gezginler.net/">İkinci alt menu</A></TD>
    <TD><A href="http://www.gezginler.net/">Üçüncü alt menu</A></TD>
    <TD><A href="http://www.gezginler.net/">Dördüncü alt 
menu</A></TD></TR></TBODY></TABLE></DIV>
<DIV id=box style="LEFT: 520px">
<TABLE border=1 id=bluebox>
  <TBODY>
  <TR>
    <TD><A href="http://www.gezginler.net/">İlk alt menu</A></TD>
    <TD><A href="http://www.gezginler.net/">İkinci alt menu</A></TD>
    <TD><A href="http://www.gezginler.net/">Üçüncü alt 
menu</A></TD></TR></TBODY></TABLE></DIV>

İki yön butonu ve butona tıklandıkca dönen bir menü...

<HEAD>
<script type="text/javascript" >
//EYEspin_dhtml (c) Petre Stefan eyecon@eyecon.ro 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:'#000000',bordercolor:'#000000',fontsize:12,fontfamily:'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.getElementById("controale");for(i=0;i<this.a3;i++){a9=document.getElementById("spinmenu"+i+"");a9s=a9.style;if(this.isVertical){xi=parseInt(this.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.a1+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.isVertical?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("Şiir Gezgini","http://siir.gezginler.net");
eye.spinmenuitem("Ekart","http://ekart.gezginler.net");
eye.spinmenuitem("Javascriptler","http://javascript.gezginler.net");
eye.spinmenuitem("Download","http://www.gezginler.net/modules/mydownloads/");
eye.spinmenuitem("Online Oyunlar","http://www.gezginler.net/modules/FlAsH_GaMeS");
eye.spinmenuitem("Arama Motorları","http://www.gezginler.net/modules/nsections/index.php?op=viewarticle&artid=23");
eye.spinmenuclose();
}
</script>
</body>

1 2 3 4 5 6 7 8 9