ĤŐşĞĔĹĎĨŃĨŹ... »-(¯`vŽ¯)-»HaYaLiMsİn SoMe»-(¯`vŽ¯)-»

hazır menü

<HEAD>
<style type="text/css">

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

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

</script>

açılır menü pop in menü

<HEAD>
<style type="text/css">
#popitmenu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}
#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
}
#popitmenu a:hover{ /*hover background color*/
background-color: #CCFF9D;
}
</style>
<script type="text/javascript">
/***********************************************
* Pop-it menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var defaultMenuWidth="150px" //set default menu width.
var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
linkset[0]='<a href="http://dynamicdrive.com">Dynamic Drive</a>'
linkset[0]+='<hr>' //Optional Separator
linkset[0]+='<a href="http://www.javascriptkit.com">JavaScript Kit</a>'
linkset[0]+='<a href="http://www.codingforums.com">Coding Forums</a>'
linkset[0]+='<a href="http://www.cssdrive.com">CSS Drive</a>'
linkset[0]+='<a href="http://freewarejava.com">Freewarejava</a>'
linkset[1]='<a href="http://msnbc.com">MSNBC</a>'
linkset[1]+='<a href="http://cnn.com">CNN</a>'
linkset[1]+='<a href="http://news.bbc.co.uk">BBC News</a>'
linkset[1]+='<a href="http://www.washingtonpost.com">Washington Post</a>'
////No need to edit beyond here
var ie5=document.all && !window.opera
var ns6=document.getElementById
if (ie5||ns6)
document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>')
function iecompattest(){
return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body
}
function showmenu(e, which, optWidth){
if (!document.all&&!document.getElementById)
return
clearhidemenu()
menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu")
menuobj.innerHTML=which
menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth
menuobj.contentwidth=menuobj.offsetWidth
menuobj.contentheight=menuobj.offsetHeight
eventX=ie5? event.clientX : e.clientX
eventY=ie5? event.clientY : e.clientY
//Find out how close the mouse is to the corner of the window
var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px"
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px"
//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px"
else
menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px"
menuobj.style.visibility="visible"
return false
}
function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function hidemenu(){
if (window.menuobj)
menuobj.style.visibility="hidden"
}
function dynamichide(e){
if (ie5&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}
function delayhidemenu(){
delayhide=setTimeout("hidemenu()",500)
}
function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}
if (ie5||ns6)
document.onclick=hidemenu
</script>
</HEAD>
<BODY>
<a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">Webmaster Links</a><br>
<a href="#" onMouseover="showmenu(event,linkset[1], '180px')" onMouseout="delayhidemenu()">News sites</a>
</BODY>

switch menü

<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}
.submenu{
margin-bottom: 0.5em;
}
</style>
<script type="text/javascript">
/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">n')
document.write('.submenu{display: none;}n')
document.write('</style>n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}
function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}
if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate
</script>

<div id="masterdiv">
<div class="menutitle" onclick="SwitchMenu('sub1')">Site Menu</div>
<span class="submenu" id="sub1">
- <a href="new.htm">What's New</a><br>
- <a href="hot.htm">What's hot</a><br>
- <a href="revised.htm">Revised Scripts</a><br>
- <a href="morezone/">More Zone</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help</div>
<span class="submenu" id="sub2">
- <a href="notice.htm">Usage Terms</a><br>
- <a href="faqs.htm">DHTML FAQs</a><br>
- <a href="help.htm">Scripts FAQs</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub3')">Help Forum</div>
<span class="submenu" id="sub3">
- <a href="http://www.codingforums.com">Coding Forums</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub4')">Cool Links</div>
<span class="submenu" id="sub4">
- <a href="http://www.javascriptkit.com">JavaScript Kit</a><br>
- <a href="http://www.freewarejava.com">Freewarejava</a><br>
- <a href="http://www.cooltext.com">Cool Text</a><br>
- <a href="http://www.google.com">Google.com</a>
</span>
<img src="about.gif" onclick="SwitchMenu('sub5')"><br>
<span class="submenu" id="sub5">
- <a href="http://www.dynamicdrive.com/link.htm">Link to DD</a><br>
- <a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a><br>
- <a href="http://www.dynamicdrive.com/contact.htm">Email Us</a><br>
</span>
</div>

tabs menu(mousever)

<a href="http://www.farukeldem.com" onMouseover="showit(0)">JavaScript Kit</a> | <a href="http://freewarejava.com" onMouseover="showit(1)">Freewarejava</a><br>

<ilayer width=400 height=32 name="dep1" bgColor="#E6E6FF">
<layer name="dep2" width=400 height=32>
</layer>
</ilayer>
<div id="describe" style="background-color:#E6E6FF;width:400px;height:32px" onMouseover="clear_delayhide()" onMouseout="resetit(event)"></div>
<script language="JavaScript1.2">
/*
Tabs Menu (mouseover)- By Dynamic Drive
For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
This credit MUST stay intact for use
*/
var submenu=new Array()
//Set submenu contents. Expand as needed. For each content, make sure everything exists on ONE LINE. Otherwise, there will be JS errors.
submenu[0]='<font size="2" face="Verdana"><b><a href="http://www.javascriptkit.com/cutpastejava.shtml">Scripts</a> | <a href="http://www.javascriptkit.com/javaindex.shtml">JS tutorials</a> | <a href="http://www.javascriptkit.com/javatutors/index.shtml">Advanced JS tutorials</a> | <a href="http://www.javascriptkit.com/java/">Applets</a> | <a href="http://www.javascriptkit.com/howto/">Web Tutorials</a></b></font>'
submenu[1]='<font size="2" face="Verdana"><b><a href="http://freewarejava.com/applets/index.shtml">Applets</a> | <a href="http://freewarejava.com/tutorials/index.shtml">Tutorials</a> | <a href="http://freewarejava.com/javasites/index.shtml">Sites and Zines</a> | <a href="http://freewarejava.com/jsp/index.shtml">JSP</a></b></font>'
//Set delay before submenu disappears after mouse moves out of it (in milliseconds)
var delay_hide=500
/////No need to edit beyond here
var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""
function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}
function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}
function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
</script>

işlevsel menü hover menü

<head>
<style>
.menulines{border:2.5px solid #F0F0F0;font-size: 10pt}
.menulines a{text-decoration:none;color:black;font-size: 10pt}
</style>
<script language="JavaScript1.2">
// tatbim web-tasarim hitmezleri --> www.farukeldem.com
function over_effect(e,state){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menulines")
source4.style.borderStyle=state
else{
while(source4.tagName!="TABLE"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menulines")
source4.style.borderStyle=state
}
}
}
</script>
</haed>
<body>
<div align="center">
<center>
<table border="1" width="140" cellspacing="0" cellpadding="0" onMouseover="over_effect(event,'outset')" onMouseout="over_effect(event,'solid')" onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')" style="background-color:#F0F0F0" bordercolor="#E6E6E6">
<tr><td width="100%" bgcolor="#E6E6E6"><font face="Arial" size="3"><b>Site Menu</b></font></td></tr>
<tr><td width="100%" class="menulines" bgcolor="#FFFFFF" bordercolor="#000000"><font face="Arial" size="2"><a href="http://zor.org/cgi">Bu
birinci link</a></font></td></tr>
<tr><td width="100%" class="menulines" bgcolor="#FFFFFF" bordercolor="#000000"><font face="Arial" size="2"><a href="http://zor.org/cgi">Bu
ikinci link</a></font></td></tr>
<tr><td width="100%" class="menulines" bordercolor="#000000" bgcolor="#FFFFFF"><font face="Arial" size="2"><a href="http://zor.org/cgi">Bu
üçüncü link</a></font></td></tr>
<tr><td width="100%" class="menulines" bgcolor="#FFFFFF" bordercolor="#000000"><font face="Arial" size="2"><a href="http://zor.org/cgi">Bu
dördüncü link</a></font></td></tr>
<tr><td width="100%" class="menulines" bgcolor="#FFFFFF" bordercolor="#000000"><font face="Arial" size="2"><a href="http://zor.org/cgi">Bu
beşinci link</a></font></td></tr></table>
</center>
</div>
</body>

açıklamalı menü

<HEAD>
<script>

</script>
</HEAD>
<BODY>
<div id="scriptmenu" style="line-height:20px"><p><strong><font
face="Verdana"><a href="../dynamicindex1/index.html" onMouseover="changetext(content[0])"><small>Menus
and Navigation Systems</small></a><br>
<a href="../dynamicindex3/index.html" onMouseover="changetext(content[1])"><small>Special document
effects</small></a><br>
<a href="../dynamicindex2/index.html" onMouseover="changetext(content[2])"><small>Scrollers</small></a><br>
<a href="../dynamicindex4/index.html" onMouseover="changetext(content[3])"><small>Image
effects</small></a><br>
<a href="index.html" onMouseover="changetext(content[4])"><small>Links and buttons</small></a><br>
<a href="../dynamicindex6/index.html" onMouseover="changetext(content[5])"><small>Dynamic
Clocks and dates</small></a><br>
<a href="../dynamicindex10/index.html" onMouseover="changetext(content[6])"><small>Text
animations</small></a><br>
<a href="../dynamicindex8/index.html" onMouseover="changetext(content[7])"><small>Browser
Window</small></a><br>
<a href="../dynamicindex11/index.html" onMouseover="changetext(content[8])"><small>Other</small></a></font></strong></p>
</div>
<ilayer id="d1" width="155" height="155">
<layer id="d2" width="155" height="155">
<div id="descriptions" align="left">
</div>
</ilayer>
</layer>
<br><br>
</p>
</BODY>

açılır menü

<html>
<head>
<style>
body{ background-color:#666666; font-family:arial;}
table{font-size:80%;
background:black;
width:80%}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#FF0000}
td.menu{background:lightblue}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible"
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden"
}
</script>
</head>
<body>
<table border="1">
<tr bgcolor="#FF8080">
<td onMouseOver="showmenu('link1')" onMouseOut="hidemenu('link1')">
<a href="#">Linkler</a><br />
<table class="menu" id="link1" width="120">
<tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr>
</table>
</td>
<td onMouseOver="showmenu('link2')" onMouseOut="hidemenu('link2')">
<a href="#">Linkler</a><br />
<table class="menu" id="link2" width="120">
<tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr>
</table>
</td>
<td onMouseOver="showmenu('link3')" onMouseOut="hidemenu('link3')">
<a href="#">Linkler</a><br />
<table class="menu" id="link3" width="120">
<tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr>
<tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr>
</table>
</td>
</tr>
</table>
<p> </p>
</body>
</html>

NonStop Eğlence

kenarda kayan menü

<div id="point1" STYLE="position: absolute; visibility: visible; left: -20; top: 35; width: 10000; height:250">

<table width="146" border="1" bordercolor="#BBBBBB" cellspacing="0" cellpadding="4" height="250">
<tr>
<td align=center bgcolor="#00FF00" width="250" height="14">
<font face="MS Sans Serif" size="1" color="#FF0000"><b>MENU</b></font>
</td>
</tr>
<tr>
<td align=center width="134" height="1" bgcolor="#CCFFFF">
<a href="http://www.hazirflash.com" target="_blank"><font face="MS Sans Serif" size="1">Hazır Flash</font></a>
</td>
</tr>
<tr>
<td align=center width="134" height="14" bgcolor="#CCFFFF">
<a href="http://www.zarataweb.com" target="_blank"><font face="MS Sans Serif" size="1">ZARATAWEB.COM</font></a>
</td>
</tr>
<tr>
<td align=center width="134" height="14" bgcolor="#CCFFFF">
<a href="http://www.thaiwebcreator.com" target="_blank"><font face="MS Sans Serif" size="1">thaiwebcreator.com</font></a>
</td>
</tr>
<tr>
<td align=center width="134" height="14" bgcolor="#CCFFFF">
<a href="http://www.gazib.com" target="_blank"><font face="MS Sans Serif" size="1">GAZIB.COM</font></a>
</td>
</tr>
<tr>
<td align=center width="134" height="14" bgcolor="#CCFFFF">
<a href="http://www.nongkhaiweb.com" target="_blank"><font face="MS Sans Serif" size="1">NONGKHAIWEB.COM</font></a>
</td>
</tr>
<tr>
<td align=center width="134" height="14" bgcolor="#CCFFFF">
<a href="http://www.nongkhaiweb.com" target="_blank"><font face="MS Sans Serif" size="1">www.farukeldem.COM</font></a>
</td>
</tr>
<tr>
</table>
</div>
<script LANGUAGE="JavaScript">
var XX=0; //  <img src="https://img.webme.com/smiles/huh.gif" border="0">??????????? MENU <img src="https://img.webme.com/smiles/huh.gif" border="0">???????
var xstep=1;
var delay_time=30;
//????????????????????????
var YY=0;
var ch=0;
var oh=0;
var yon=0;
var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}
function reloc1()
{
if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}
}
function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}
if (ie||ns4||ns6)
window.onload=onad
</script>