Menu5
 Önizlemeyi Görmek İçin Resme Tıklayınız! |
<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Sandeep Gangadharan | http://www.sivamdesign.com/scripts/ */
var exp = 5;
function newCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
} else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameSG = name + "=";
var nuller = '';
if (document.cookie.indexOf(nameSG) == -1)
return nuller;
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameSG) == 0) return c.substring(nameSG.length,c.length);
}
return null;
}
function eraseCookie(name) {
newCookie(name,"",-1);
}
if (document.getElementById) {
document.writeln('<style type="text/css">')
document.writeln('.main {text-decoration:none; color:blue; cursor:hand; cursor:pointer}')
document.writeln('span:hover.mainLink {text-decoration:underline; color:red}')
document.writeln('.sublinks1 {display:none; padding-left:14px}')
document.writeln('.link2 {text-decoration:none; color:blue}')
document.writeln('a:hover.link2 {text-decoration:underline; color:red}')
document.writeln('</style>') }
// Below you should add a1, a2 etc. for each main link you wish to include
// so if you want 3 main links you should add a1, a2, a3 in the format shown
// enclosed in double quotes
var mainNum = new Array("a1","a2","a3");
// Below you should add b1, b2 etc. for each sub link you wish to include
// under one main link, here the first main link. so if you want 4 sub links you
// should add b1, b2, b3, b4 in the format shown enclosed in double quotes
var subNum1 = new Array("b1","b2");
// Below, this is for sub links under the second main link. there are 3 sub links
// in the given example
var subNum2 = new Array("c1","c2","c3");
function openClose(theName, menuArray, theID) {
for(var i=0; i < menuArray.length; i++) {
if (menuArray[i] == theID) {
if (document.getElementById(theID).style.display == "block") {
document.getElementById(theID).style.display = "none";
document.getElementById("tick_"+menuArray[i]).innerHTML = "+";
eraseCookie(theName); }
else {
document.getElementById(theID).style.display = "block";
document.getElementById("tick_"+menuArray[i]).innerHTML = "-";
newCookie(theName,menuArray[i],exp); }
}
else {
document.getElementById(menuArray[i]).style.display = "none";
document.getElementById("tick_"+menuArray[i]).innerHTML = "+";
}
}
}
function memStatus() {
var num = readCookie("MN");
if (num) {
document.getElementById(num).style.display = "block";
document.getElementById("tick_"+num).innerHTML = "-"; }
var num1 = readCookie("SB");
if (num1) {
document.getElementById(num1).style.display = "block";
document.getElementById("tick_"+num1).innerHTML = "-"; }
}
// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function() {
memStatus();
});
</script> <style type="text/css">
.menu1 {
color:white;
background: #000;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
font-size:12px;
}
.menu2 {
background: #ffff00;
color: blue;
font-family:arial, helvetica, sans-serif;
font-size:12px;
line-height: 19px;
}
</style>
<table width="130" cellspacing="0" cellpadding="2" border="0" bgcolor="#ffffff" style="background: none repeat scroll 0% 0% rgb(255, 255, 0); color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0);">
<tbody>
<tr>
<td class="menu1">EglenceGunlugum</td>
</tr>
<tr>
<td class="menu2">
<div class="main" onClick="openClose('MN',mainNum,'a1')"><span id="tick_a1">+</span> <span class="mainLink">Acilir Menu Tikla</span></div>
<div class="sublinks1" id="a1"><!-- below is an example of nested sub-links under the first main link. -->
<div class="main" onClick="openClose('SB',subNum1,'b1')"><span id="tick_b1">+</span> <span class="mainLink">Acilir Menu Tikla</span></div>
<div class="sublinks1" id="b1"><a class="link2" href="http://bs-tasarimci.tr.gg/">Sub-Link 1</a><br />
<a class="link2" href="http://eglencegunlugum.tr.gg/">Sub-Link 2</a><br />
-------------<br />
</div>
<div class="main" onClick="openClose('SB',subNum1,'b2')"><span id="tick_b2">+</span> <span class="mainLink">Acilir Menu Tikla</span></div>
<div class="sublinks1" id="b2"><a class="link2" href="http://bs-tasarimci.tr.gg/">Sub-Link 1</a><br />
<a class="link2" href="http://eglencegunlugum.tr.gg">Sub-Link 2</a><br />
-------------<br />
</div>
<!-- end of nested sub-links example. --> <a class="link2" href="http://eglencegunlugum.tr.gg/">Microsoft Corp.</a><br />
<a class="link2" href="http://eglencegunlugum.tr.gg/">Netscape Corp.</a><br />
<a class="link2" href="http://eglencegunlugum.tr.gg">Macromedia Inc.</a><br />
<a class="link2" href="http://eglencegunlugum.tr.gg">Symantec Corp.</a><br />
---------------<br />
</div>
<div class="main" onClick="openClose('MN',mainNum,'a2')"><span id="tick_a2">+</span> <span class="mainLink">Acilir Menu Tikla</span></div>
<div class="sublinks1" id="a2"><!-- below is an example of nested sub-links under the second main link. -->
<div class="main" onClick="openClose('SB',subNum2,'c1')"><span id="tick_c1">+</span> <span class="mainLink">Acilir Menu 2</span></div>
<div class="sublinks1" id="c1"><a class="link2" href="http://eglencegunlugum.tr.gg/">Sub-Link 1</a><br />
<a class="link2" href="http://eglencegunlugum.tr.gg/">Sub-Link 2</a><br />
<a class="link2" href="http://eglencegunlugum.tr.gg/">Sub-Link 3</a><br />
<a class="link2" href="http://eglencegunlugum.tr.gg/">Sub-Link 4</a><br />
--------------<br />
</div>
<div class="main" onClick="openClose('SB',subNum2,'c2')"><span id="tick_c2">+</span> <span class="mainLink">Acilir menu2</span></div>
<div class="sublinks1" id="c2"><a class="link2" href="http://eglencegunlugum.tr.gg/">Sub-Link 1</a><br />
<a class="link2" href="http://eglencegunlugum.tr.gg/">Sub-Link 2</a><br />
-------------<br />
</div>
<div class="main" onClick="openClose('SB',subNum2,'c3')"><span id="tick_c3">+</span> <span class="mainLink">Acilir menu2</span></div>
<div class="sublinks1" id="c3"><a class="link2" href="http://bs-tasarimci.tr.gg/">Sub-Link 1</a><br />
<a class="link2" href="http://eglencegunlugum.tr.gg/">Sub-Link 2</a><br />
<a class="link2" href="http://eglencegunlugum.tr.gg/">Sub-Link 3</a><br />
----------<br />
</div>
<!-- end of nested sub-links example. --> <a class="link" href="http://bs-tasarimci.tr.gg/">The JS Page</a><br />
<a class="link2" href="http://eglencegunlugum.tr.gg/">JavaScript Source</a><br />
<a class="link" href="http://eglencegunlugum.tr.gg/">Doc JavaScript</a><br />
----------<br />
</div>
<div class="main" onClick="openClose('MN',mainNum,'a3')"><span id="tick_a3">+</span> <span class="mainLink">Acilir Menu</span></div>
<div class="sublinks1" id="a3"><a class="link2" href="http://bs-tasarimci.tr.gg/">PHP Res. Index</a><br />
<a class="link2" href="http://eglencegunlugum.tr.gg">PHP Code Excng.</a><br />
----------<br />
</div>
<div><a class="link" href="#">Another Link 1</a><br />
<a class="link" href="http://eglencegunlugum.tr.gg">Another Link 2</a><br />
<a class="link" href="http://eglencegunlugum.tr.gg">Another Link 3</a><br />
</div>
</td>
</tr>
</tbody>
</table>
