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Ü -9-

1 2 3 4 5 6 7 8 9

Tamamı görünmeyen menünün üzerine,Mouse imleci getirildiğinde, menü tamamen açılıyor...

<font color="#115585" size="2">Mouse imlecini soldaki menünün üstüne getirin...</font><br><br><br>
<STYLE>#slidemenubar {
	BACKGROUND-COLOR: #66ccff; BORDER-BOTTOM: #004080 4px solid; BORDER-LEFT: #004080 4px solid; BORDER-RIGHT: #004080 4px solid; BORDER-TOP: #004080 4px solid; FONT: bold italic 14px/19px Garamond; LEFT: 100px; POSITION: absolute; TOP: 100px; WIDTH: 200px; layer-background-color: lightyellow; fontcolor: white
}
#slidemenubar2 {
	BACKGROUND-COLOR: #66ccff; BORDER-BOTTOM: #004080 4px solid; BORDER-LEFT: #004080 4px solid; BORDER-RIGHT: #004080 4px solid; BORDER-TOP: #004080 4px solid; FONT: bold italic 14px/19px Garamond; LEFT: 100px; POSITION: absolute; TOP: 100px; WIDTH: 200px; layer-background-color: lightyellow; fontcolor: white
}
</STYLE>

<SCRIPT language=JavaScript1.2>
if (document.all)
document.write('<div id="slidemenubar2" style="left:-170" onMouseover="pull()" onMouseout="draw()">')</SCRIPT>
<LAYER id=slidemenubar onmouseout=draw() onmouseover=pull()>
<SCRIPT language=JavaScript1.2>var sitems=new Array()
var sitemlinks=new Array()

//Link adları
sitems[0]="LİNK 1"
sitems[1]="LİNK 2"
sitems[2]="LİNK 3"
sitems[3]="LİNK 4"
sitems[4]="LİNK 5"
sitems[5]="LİNK 6"
sitems[6]="LİNK 7"
sitems[7]="LİNK 8"
sitems[8]="LİNK 9"
sitems[9]="LİNK 10"
sitems[10]="LİNK 11"
sitems[11]="<hr>"
sitems[12]="E-MAİL "
//Link adresleri
sitemlinks[0]="http://www.gezginler.net/"
sitemlinks[1]="http://www.gezginler.net/"
sitemlinks[2]="http://www.gezginler.net/"
sitemlinks[3]="http://www.gezginler.net/"
sitemlinks[4]="http://www.gezginler.net/"
sitemlinks[5]="http://www.gezginler.net/"
sitemlinks[6]="http://www.gezginler.net/"
sitemlinks[7]="http://www.gezginler.net/"
sitemlinks[8]="http://www.gezginler.net/"
sitemlinks[9]="http://www.gezginler.net/"
sitemlinks[10]="http://www.gezginler.net/"
sitemlinks[11]=
sitemlinks[12]="mailto:E-mail@adresiniz.com"
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')</SCRIPT>
</LAYER>
<SCRIPT language=JavaScript1.2>function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}</SCRIPT>

İçinde resim kullanılan, estetik ve çok kullanışlı bir script...

<meta content="text/html; charset=windows-1254" http-equiv="Content-Type">
<script language="JavaScript1.2">
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
</script>
<script>
function doOver() {
        if (this.dest==window) {
                window.status = this.overValue
                return true
        }
        else if ((this.dest.type!=null) && ((this.dest.type=="text") || (this.dest.type=="textarea")))
                this.dest.value = this.overValue
        else if (this.dest.src!=null) 
                this.dest.src = this.overValue
        return true
}

function doOut() {
        if (this.dest==window)
                window.status=""
        else if (this.dest.type!=null)
                this.dest.value=this.dest.defaultValue
        else if (this.dest.src)
                this.dest.src = this.dest.osrc
}

function OverEffect(src,dest,overValue) {
        src.onmouseover = doOver
        src.onmouseout = doOver
        src.dest = dest
        src.overValue= overValue
        if (dest.src!=null) {
                dest.osrc = dest.src
                var i = new Image()
                i.src = src.overValue
        }
}

function InitOverEffect(src,dest,overValue) {
        OverEffect(src,dest,overValue)
        return src.onmouseover()
}
</script>
</head>

<table border="0" cellPadding="0" cellSpacing="0" bgcolor="#EBE2D3" width="723">
<TBODY>
  <tr>
    <td  id="navmenu" noWrap vAlign="top" width="723"></td>
  </tr>
  <tr>
    <td><a href="http://www.gezginler.net" target="main" onmouseout="nd()"
    onmouseover="return overlib('Link ile ilgili açıklamayı buraya yazacaksınız...', CAPTION, 'ANA SAYFA', FIXX, 420, FIXY, 8)"><img
    src="3.gif" style="filter:alpha(opacity=20)" width="39" height="39"
    onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" border="0"></a> <a
    href="http://www.gezginler.net" target="main" onmouseout="nd()"
    onmouseover="return overlib('Link ile ilgili açıklamayı buraya yazacaksınız...', CAPTION, 'MÜZİK', FIXX, 420, FIXY, 8)"><img
    src="6.gif" style="filter:alpha(opacity=20)"
    onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" border="0" width="42"
    height="42"></a>    <a href="http://www.gezginler.net" target="main" onmouseout="nd()"
    onmouseover="return overlib('Link ile ilgili açıklamayı buraya yazacaksınız...', CAPTION, 'TEKNOLOJİ', FIXX, 420, FIXY, 8)"><img
    src="4.jpg" style="filter:alpha(opacity=20)"
    onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" border="0" width="52"
    height="52"></a>   <a href="http://www.gezginler.net" target="main" onmouseout="nd()"
    onmouseover="return overlib('Link ile ilgili açıklamayı buraya yazacaksınız...', CAPTION, 'SİNEMA', FIXX, 420, FIXY, 8)"><img
    src="1.gif" style="filter:alpha(opacity=20)"
    onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" border="0" width="42"
    height="82"></a>   <a href="http://www.gezginler.net" target="main"
    onmouseout="nd()"
    onmouseover="return overlib('Link ile ilgili açıklamayı buraya yazacaksınız...', CAPTION, 'Cep Telefonu..', FIXX, 420, FIXY, 8)"><img
    src="2.gif" style="filter:alpha(opacity=20)"
    onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" border="0" width="48"
    height="55"></a>   <a href="http://www.gezginler.net" target="main" onmouseout="nd()"
    onmouseover="return overlib('Link ile ilgili açıklamayı buraya yazacaksınız...', CAPTION, 'KARİKATÜR', FIXX, 420, FIXY, 8)"><img
    src="7.gif" style="filter:alpha(opacity=20)"
    onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" border="0" width="56"
    height="44"></a>   <a href="http://www.gezginler.net" target="main"
    onmouseout="nd()"
    onmouseover="return overlib('Link ile ilgili açıklamayı buraya yazacaksınız...', CAPTION, 'BİZE ULAŞIN', FIXX, 420, FIXY, 8)"><img
    src="5.gif" style="filter:alpha(opacity=20)"
    onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" border="0" width="38"
    height="38"></a></td>
  </tr>
</TBODY>
</table>
<div ID="overDiv" STYLE="position:absolute; visibility:hide; z-index:1;"></div>
<script
LANGUAGE="JavaScript" SRC="overlib.js">
</script>
<script LANGUAGE="JavaScript">
function formHandler(){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}</script>

</body>

Sayfanızın üst bölümünde kullanabileceğiniz, çok amaçlı kullanılabilen güzel bir menü.

<body bgcolor="ebe2d3" marginheight="30" topmargin="10" link="#ffffff" vlink="#ffffff" alink="#ffffff">
<script language="JavaScript">
<!-- Simple Cross Browser NavBar (Not NS6) kurt.grigg@virgin.net

MenuTitles=new Array()
SubMenuLinks=new Array()
function Rtrn(c){
if (document.layers) c.bgColor=HighLight;
if (document.all) c.style.background=HighLight;
}
function HghLght(c){
if (document.layers) c.bgColor=MenuBgColor;
if (document.all) c.style.background=MenuBgColor;
}
OpenLayer=(document.layers)?"<br><layer width=100% onMouseOver='HghLght(this)'; onMouseOut='Rtrn(this)'><center>":"<span style='width:100%' onMouseOver='HghLght(this)'; onMouseOut='Rtrn(this)'>";
CloseLayer=(document.layers)?'</center></layer>':'</span>';

/*************** Edit the appearance here ***************/

MenuWidth=(document.layers)?105/*NS width*/:105 /*IE width*/;
MenuFont='Arial';
MenuFontSize=2; //Yazı büyüklüğü, 1 ve 7 arası değerler girilmelidir!
MenuFontColor='#ffffff'; //Başlık Rengi!
MenuBgColor='000066'; //Başlık Zemin Rengi!
HighLight='000099'; //Alt Zemin Rengi!
Separater=1;

/********* Menü Başlıkları *********/

MenuTitles[0]='Menü 1';
MenuTitles[1]='Menü 2';
MenuTitles[2]='Menü 3';
MenuTitles[3]='Menü 4';
MenuTitles[4]='Menü 5';
MenuTitles[5]='Menü 6';

SubMenuLinks[0]=""/****** Menü 1 *******/
+OpenLayer+"<a href='http://www.gezginler.net/'>Link Adı</a>"+CloseLayer
+OpenLayer+"<a href='http://www.gezginler.net'>Link Adı</a>"+CloseLayer
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer

SubMenuLinks[1]=""/****** Menü 2 *******/
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer

SubMenuLinks[2]=""/****** Menü 3 *******/
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer

SubMenuLinks[3]=""/****** Menü 4 *******/
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer

SubMenuLinks[4]=""/****** Menü 5 *******/
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer

SubMenuLinks[5]=""/****** Menü 6 *******/
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer
+OpenLayer+"<a href='#'>Link Adı</a>"+CloseLayer

/* Buradan aşağıya dokunulmayacaktır*/

Spacer=MenuWidth+Separater;
IniPos= -MenuWidth-Separater;
aSpacer=MenuWidth+Separater;
aIniPos= -MenuWidth-Separater;
MenuAmount=MenuTitles.length;
if (document.layers){
for (i=0; i < MenuAmount; i++){
document.write("<layer name='submenu"+i+"' top=0 left="+(aIniPos+=aSpacer)+" "
+"height=10 width="+MenuWidth+" bgcolor="+HighLight+" visibility=hide"
+" onMouseOver='this.visibility=\"show\"; var cd=this.id.length-1; var ab=this.id.charAt(cd); H(ab)' "
+" onMouseOut='this.visibility=\"hide\"; var ef=this.id.length-1; var gh=this.id.charAt(ef); B(gh)'>"
+"<center><font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">"
+" <br>"+SubMenuLinks[i]+"<br></font></center></layer>");
} 
for (i=0; i < MenuAmount; i++){
document.write("<layer name='nsmenu"+i+"' top=0 left="+(IniPos+=Spacer)+" height=0 " 
+"width="+MenuWidth+" bgcolor="+MenuBgColor+" "
+"onMouseOver=\"this.bgColor=HighLight; var e=this.id.length-1; var d=this.id.charAt(e); On(d)\" "
+"onMouseOut=\"this.bgColor=MenuBgColor; var e=this.id.length-1; var d=this.id.charAt(e); Off(d)\">"
+"<center><font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">"
+MenuTitles[i]+"</font></center></layer>");                                       
}
function On(x){
 for (i=0; i < MenuAmount; i++){
 document.layers['submenu'+x].visibility='show';
 }
}
function Off(x){
 for (i=0; i < MenuAmount; i++){
 document.layers['submenu'+x].visibility='hide';
 }
}
function B(y){
 for (i=0; i < MenuAmount; i++){
 document.layers['nsmenu'+y].bgColor=MenuBgColor;
 }
}
function H(y){
 for (i=0; i < MenuAmount; i++){
 document.layers['nsmenu'+y].bgColor=HighLight;
 }
}
}
if (document.all){
for (i=0; i < MenuAmount; i++){
document.write("<div id='sub"+i+"' style='position:absolute;"
+"top:0px;"
+"left:"+(aIniPos+=aSpacer)+";"
+"height:0px;"
+"width:"+MenuWidth+";"
+"background:"+HighLight+";"
+"visibility:hidden'" 
+" onMouseOver='this.style.visibility=\"visible\";"
+" document.all[\"headers"+i+"\"].style.background=HighLight';"
+" onMouseOut='this.style.visibility=\"hidden\";"
+" document.all[\"headers"+i+"\"].style.background=MenuBgColor'>"
+"<center><font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">"
+" <br> <br>"+SubMenuLinks[i]+"</font></center></div>");
}
for (i=0; i < MenuAmount; i++){
document.write("<div id='headers"+i+"' style='position:absolute;"  
+"top:0px;"
+"left:"+(IniPos+=Spacer)+";"
+"height:0px;"
+"width:"+MenuWidth+";"
+"background:"+MenuBgColor+";"
+"padding:0px'"
+" onMouseOver='document.all[\"sub"+i+"\"].style.visibility=\"visible\";"
+" this.style.background=HighLight'" 
+" onMouseOut='document.all[\"sub"+i+"\"].style.visibility=\"hidden\";"
+" this.style.background=MenuBgColor'>"
+"<center><font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">"
+MenuTitles[i]+"</font></center></div>");
}
}
//-->
</script>

1 2 3 4 5 6 7 8 9