Yeri değiştirelebilen menü
Menüyü bir kez tıklayarak yerinden alın, istediğiniz yere iki kez tıklayarak indirin.
<HEAD> </HEAD> arasına eklenecek kod
<SCRIPT LANGUAGE="JavaScript"> // tatbim web-tasarim hizmetleri --> www.tatbim.com function checkVersion4() { var x = navigator.appVersion; y = x.substring(0,4); if (y>=4) setVariables();moveOB(); } function setVariables() { if (navigator.appName == "Netscape") { h=".left=";v=".top=";dS="document.";sD=""; } else{ h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style"; } objectX="object11" XX=-70; YY=-70; OB=11; } function setObject(a) { objectX="object"+a; OB=a; XX=eval("xpos"+a); YY=eval("ypos"+a); } function getObject() { if (isNav) document.captureEvents(Event.MOUSEMOVE); } function releaseObject() { if (isNav) document.releaseEvents(Event.MOUSEMOVE); check="no"; objectX="object11"; document.close(); } function moveOB() { eval(dS + objectX + sD + h + Xpos); eval(dS + objectX + sD + v + Ypos); } var isNav = (navigator.appName.indexOf("Netscape") !=-1); var isIE = (navigator.appName.indexOf("Microsoft") !=-1); nsValue=(document.layers); check="no"; function MoveHandler(e) { Xpos = (isIE) ? event.clientX : e.pageX; Ypos = (nsValue) ? e.pageY : event.clientY; if (check=="no") { diffX=XX-Xpos; diffY=YY-Ypos; check="yes"; if (objectX=="object11") check="no"; } Xpos+=diffX; Ypos+=diffY; if (OB=="1") xpos1=Xpos,ypos1=Ypos; moveOB(); } if (isNav) { document.captureEvents(Event.CLICK); document.captureEvents(Event.DBLCLICK); } xpos1=20; // make this the left pixel value for object1 below ypos1=20; // make this the top pixel value for object1 below xpos11 = -20; ypos11 = -20; Xpos=5; Ypos=5; document.onmousemove = MoveHandler; document.onclick = getObject; document.ondblclick = releaseObject; // End --> </script>
<BODY> </BODY> arasına eklenecek kod
<BODY OnLoad="checkVersion4()"> <b>Menüyü bir kez tiklayarak yerinden alin, istediginiz yere iki kez tiklayarak indirin.</b> <br> <div id="object1" style="position:absolute; visibility:show; left:4px; top:4px; z-index:2"> <table border=1 cellpadding=5> <tr> <td bgcolor=808080><a href="javascript:void(0)" onmousedown="setObject(1)">Movable Menu</a></td> </tr> <tr> <td> <br> <A HREF="javascript:void(0)">Menu-1</A><br> <A HREF="javascript:void(0)">Menu-2</a><br> <A HREF="javascript:void(0)">Menu-3</a> </td> </tr> </table> </div> <div id="object11" style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2"> </div>