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

1 2 3 4 5 6 7 8 9

Bir başka menü

<head>

</head>

function init(id)
{
obj_head = document.getElementById(id)
obj_head.style.height = obj_head.offsetHeight +10;
if(scroll)
{
obj_head.style.position = "absolute";
obj_head.style.width = obj_head.offsetWidth + 10;
obj_head.style.top = offsettop;
obj_head.style.left = offsetleft;
}
obj_head.style.visibility="visible";
}
var T1 = null;

var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

</body>

Merdiven şeklinde hazırladığımız, çok basamaklı, kullanışlı bir menü

<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>
<script language="JavaScript">
// tigra menu
// URL: http://menu.softcomplex.com/
// Version: 1.0
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">
/* --- LİNK BÖLÜMÜ --- */
var MENU_ITEMS = [
	['BAŞLIK 1', null,
		['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:http://www.adresiniz.com/'],
	],
	['BAŞLIK 2', null,
			['LİNK 1', null,
			['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', null,
			['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', null,
			['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/'],
	],
	['BAŞLIK 4', ,
		['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', null,
				['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/'],
	],
];</script>
<script language="JavaScript">/* --- koordinatlar --- */
var MENU_POS2 = new Array();
	
	MENU_POS2['width'] = [160, 130, 130];
	MENU_POS2['height'] = [20, 20, 20];
	
	MENU_POS2['block_top'] = [100, 10, 10];
	MENU_POS2['block_left'] = [30, 150, 115];
	
	MENU_POS2['top'] = [20, 21, 21];
	MENU_POS2['left'] = [-7, -7, -7];
	
	MENU_POS2['hide_delay'] = [200, 200, 200];

var MENU_STYLES2 = new Array();
	
	MENU_STYLES2['onmouseout'] = [
		'color', ['#d3d17a', '#d3d17a', '#d3d17a'], //yazı rengi
		'background', ['#000066', '#000066', '#000066'],//yazı arkaplanı
	];
	
	MENU_STYLES2['onmouseover'] = [

'background', ['#115585', '#115585', '#115585'],//hover rengi
	];
	MENU_STYLES2['onmousedown'] = [

'background', ['#cccccc', '#cccccc', '#cccccc'],
	];</script>
<script language="JavaScript">
	
	new menu (MENU_ITEMS, MENU_POS2, MENU_STYLES2);
</script>

Menü içinde linkler, otomatik olarak değişir...

<style>
.scrollerstyle{
font-family:webdings; background:#E1FFE1;border:1px solid #115585;cursor:w-resize;
}
</style>
<script language="javascript">
 var msgs = new Array(
     "Link 1",
     "Link 2",
     "Link 3",
     "Link 4",
     "Link 5" );

var msg_url = new Array(
     "http://www.linkadi.com",
     "http://www.linkadi.com",
     "http://www.linkadi.com",
     "http://www.linkadi.com",
     "http://www.linkadi.com" );

var barwidth=350 //Enter main bar width in px or % / bar uzunluğu
var setdelay=3000 //Enter delay between msgs, in mili-seconds / linkler arasındaki geçiş hızı
var mouseover_color='#ccffcc' 
var mouseout_color='#E1FFE1'

var count=0;
var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||ns6){
document.write('<form name="news_bar"><center><input type="button" value="3" onclick="moveit(0)" class="scrollerstyle" style="width:22; height:22; border-right-width:0px;" name="prev" title="Previous News"><input type="button" name="news_bar_but" onclick="goURL();" style="color:#000066;background:#E1FFE1; width:'+barwidth+'; height:22; border-width:1; border-color:#115585; cursor:hand" onmouseover="this.style.background=mouseover_color" onmouseout="this.style.background=mouseout_color"><input type="button" value="4" onclick="moveit(1)" class="scrollerstyle" style="width:22; height:22; border-left-width:0px;" name="next" title="Next News"></form>');
}
else{
document.write('<form name="news_bar"><center><input type="button" value="Previous" onclick="moveit(0)">')
if (navigator.userAgent.indexOf("Opera")!=-1)
document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="width:'+barwidth+'" border="0">')
else
document.write('<input type="button" name="news_bar_but" onclick="goURL();" width="'+barwidth+'" border="0">')
document.write('<input type="button" value="Next" onclick="moveit(1)"></center></center></form>')
}

function init_news_bar(){
  document.news_bar.news_bar_but.value=msgs[count];
}

function moveit(how){
if (how==1){ //cycle foward
if (count<msgs.length-1)
count++
else
count=0
}
else{ //cycle backward
if (count==0)
count=msgs.length-1
else
count--
}
document.news_bar.news_bar_but.value=msgs[count];
}

setInterval("moveit(1)",setdelay)

function goURL(){
 location.href=msg_url[count];
}
init_news_bar();
</script>

Pop up menu . Linkler tıklandığında, sayfalar, pop up şeklinde açılır...

<body onUnload="if (window.popupwin) popupwin.close()">

Top=0;
Left=0;
Height=300;
Width=300;
ToolBar=0;
Location=0;
Directories=0;
Status=0;
MenuBar=0;
Scroll=0;
Resize=0;

Sayfada sağ tuş tıklandığı zaman bir menü oluşur, aynı zamanda sağ tıklamayı da engellemiş olur.

menuItems = new Array();
 menuItemNum = 0;

function addMenuItem(text, url, img){
  if(img) menuItems[menuItemNum] = new Array(text, url, img);
  else if(text) menuItems[menuItemNum] = new Array(text, url);
  else menuItems[menuItemNum] = new Array();
  menuItemNum++;
 }
     //AYARLAR BAŞLANGICI
 menuWidth = 130; //menu width /menü uzunluğu
 menuHeight = 176; //menu height /menü yüksekliği
 menuDelay = 50; //delay before menu appears /menü çıkış zamanı
 menuSpeed = 40; //speed which menu appears (lower=faster) /menü açılış hızı
 menuOffset = 2; //offset of menu from mouse pointer /menünün mouse imlecine olan uzaklığı

addMenuItem("<center>RealMenu v1.27</center>","http://www.javascript.gezginler.net");
 addMenuItem();
 addMenuItem("Menü 1","http://www.siir.gezginler.net");
 addMenuItem("Menü 2","http://www.ekart.gezginler.net");
 addMenuItem("Menü 3","http://www.javascript.gezginler.net");
 addMenuItem();
 addMenuItem("Menü 4","http://www.siir.gezginler.net");
 addMenuItem("Menü 5","http://www.javascript.gezginler.net");
 addMenuItem("Menü 6","http://www.ekart.gezginler.net");
 addMenuItem("Menü 7","http://www.javascript.gezginler.net");
 addMenuItem("Menü 8","http://www.siir.gezginler.net");
  //AYARLAR SONU
  
 ///////////////////////////////////////////////////////////////////////////////
 // do not edit the code below, it is required for the menu to work correctly
 ///////////////////////////////////////////////////////////////////////////////

if(window.navigator.appName == "Microsoft Internet Explorer" && window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE") + 5, window.navigator.appVersion.indexOf("MSIE") + 8) >= 5.5)
  isIe = 1;
 else
  isIe = 0;

if(isIe){
  menuContent = '<table id="rightMenu" width="0" height="0" cellspacing="0" cellpadding="0" style="font:menu;color:menutext;"><tr height="1"><td style="background:threedlightshadow" colspan="4"></td><td style="background:threeddarkshadow"></td></tr><tr height="1"><td style="background:threedlightshadow"></td><td style="background:threedhighlight" colspan="2"></td><td style="background:threedshadow"></td><td style="background:threeddarkshadow"></td></tr><tr height="10"><td style="background:threedlightshadow"></td><td style="background:threedhighlight"></td><td style="background:threedface"><table cellspacing="0" cellpadding="0" nowrap style="font:menu;color:menutext;cursor:default;">';
  for(m=0;m<menuItems.length;m++){
   if(menuItems[m][0] && menuItems[m][2])
    menuContent += '<tr height="17" onMouseOver="this.style.background=\'highlight\';this.style.color=\'highlighttext\';" onMouseOut="this.style.background=\'threedface\';this.style.color=\'menutext\';" onClick="parent.window.location.href=\'' + menuItems[m][1] + '\'"><td style="background:threedface" width="1" nowrap></td><td width="21" nowrap><img src="' + menuItems[m][2] + '"></td><td nowrap>' + menuItems[m][0] + '</td><td width="21" nowrap></td><td style="background:threedface" width="1" nowrap></td></tr>';
   else if(menuItems[m][0])
    menuContent += '<tr height="17" onMouseOver="this.style.background=\'highlight\';this.style.color=\'highlighttext\';" onMouseOut="this.style.background=\'threedface\';this.style.color=\'menutext\';" onClick="parent.window.location.href=\'' + menuItems[m][1] + '\'"><td style="background:threedface" width="1" nowrap></td><td width="21" nowrap></td><td nowrap>' + menuItems[m][0] + '</td><td width="21" nowrap></td><td style="background:threedface" width="1" nowrap></td></tr>';
   else
    menuContent += '<tr><td colspan="5" height="4"></td></tr><tr><td colspan="5"><table cellspacing="0"><tr><td width="2" height="1"></td><td width="0" height="1" style="background:threedshadow"></td><td width="2" height="1"></td></tr><tr><td width="2" height="1"></td><td width="100%" height="1" style="background:threedhighlight"></td><td width="2" height="1"></td></tr></table></td></tr><tr><td colspan="5" height="3"></td></tr>';
  }
  menuContent += '</table></td><td style="background:threedshadow"></td><td style="background:threeddarkshadow"></td></tr><tr height="1"><td style="background:threedlightshadow"></td><td style="background:threedhighlight"></td><td style="background:threedface"></td><td style="background:threedshadow"></td><td style="background:threeddarkshadow"></td></tr><tr height="1"><td style="background:threedlightshadow"></td><td style="background:threedshadow" colspan="3"></td><td style="background:threeddarkshadow"></td></tr><tr height="1"><td style="background:threeddarkshadow" colspan="5"></td></tr></table>';

menuPopup = window.createPopup();
  menuPopup.document.body.innerHTML = menuContent;
 }

function showMenu(){
  menuXPos = event.clientX + menuOffset;
  menuYPos = event.clientY + menuOffset;

menuXIncrement = menuWidth / menuSpeed;
  menuYIncrement = menuHeight / menuSpeed;

menuTimer = setTimeout("openMenu(0,0)", menuDelay);

return false;
 }

function openMenu(height, width){
  iHeight = height;
  iWidth = width;

menuPopup.show(menuXPos, menuYPos, iWidth, iHeight, document.body);

if(iHeight < menuHeight)
   menuTimer = setTimeout("openMenu(iHeight + menuYIncrement, iWidth + menuXIncrement)", 1);
  else
   clearTimeout(menuTimer);
 }

if(isIe) document.oncontextmenu = showMenu;

//-->
</script>

1 2 3 4 5 6 7 8 9