Taşınabilir menü

Konu: Taşınabilir menü 10/25/2008, 23:29

<head>..</head> arasına eklenecek kod

<!- original: scriptbreaker ->
<!- web site: http://www.scriptbreaker.com ->
<style>
.move
{
width:100%;
background-color:#3e5999;
border-bottom:1px solid black;
font-size:14px;
font-family:verdana;
font-color:"#c9d2dc";
text-align:center;
}
.info
{
width:100%;
background-color:#3e5999;
border-top:1px solid black;
font-size:13px;
font-family:verdana;
font-color:"#ffffff";
color:"ffffff";
}
.panel
{
width:150;
position:absolute;
border:1px solid black;
left:350;
top:200;
font-size:13px;
font-family:verdana;
}
.panel a:visited{color:blue;}
.panel a{text-decoration:none;color:blue}
.panel a:hover{text-decoration:none;}
#panel a.visited{
text-decoration:none;
}
.menu
{
width:100%;
background-color:#96c5aa;
font-size:13px;
font-family:verdana;
}
.bilgi {font-family:arial black, arial;font-size:17px; color:gold; font-weight:bold;}
</style>

<scrıpt language="javascript">
n = (document.all) ? 0 : 1;
var ob;
var over = false;

function md(e) {
if (over)
{
if (n) {
ob = document.getelementbyıd("panel");
x=e.layerx;
y=e.layery;
return false;
}
else {
ob = document.getelementbyıd("panel");
ob = ob.style;
x=event.offsetx;
y=event.offsety;
}
}
}

function mm(e) {
if (ob) {
if (n) {
ob.style.top = e.pagey-y;
ob.style.left = e.pagex-x;
}
else {
ob.pixelleft = event.clientx-x + document.body.scrollleft;
ob.pixeltop = event.clienty-y + document.body.scrolltop;
return false;
}
}
}

function mu() {
ob = null;
}
if (n) {
document.captureevents(event.mousedown | event.mousemove | event.mouseup);
}
document.onmousedown = md;
document.onmousemove = mm;
document.onmouseup = mu;
</script>

<body>..</body> arasına eklenecek kod

<div id="panel" class="panel" >

<script language="javascript">

function getarray(id)

{

var splitarray = link[id].split("|");

return splitarray;

}

function info(i,obj,col)

{

sublink = getarray(i);

infobar = document.getelementbyıd("infob");

infobar.innerhtml = "<font class='bilgi'><i>!</i></font> "+sublink[2];

obj.style.backgroundcolor=col;

}

function endi(obj,col)

{

obj.style.backgroundcolor=col;

infobar = document.getelementbyıd("infob");

infobar.innerhtml = "<font class='bilgi'><i>!</i></font> açıklamasını görmek için bir öğe seçin.<br>";

}

var link = new array();

link[0] = " Ã¢Â» extradestek.org|http://www.extradestek.org |destek sitesi";

link[1] = " Ã¢Â» hediyeler.org|http://www.hediyeler.org|hediyelerini kendin yap";

link[2] = " Ã¢Â» wordpress temaları|http://www.themes-wordpress.org |türkçe tema arşivi";

link[3] = " Ã¢Â» epardus.com|http://www.epardus.com |özgür yazılım pardus destek sitesi";

link[4] = " Ã¢Â» derinayna.com|http://www.derinayna.com|küresel ısınma";

document.write("<div class='move' onmouseover='over=true;' onmouseout='over=false;' style='cursor:move'><font color=#c9d2dc><b>:: m e n ü ::</b></font></div><div class='menu'><br></div>");

for(i=0;i<link.length;i++)

{

sublink = getarray(i);

document.write("<a href='"+sublink[1]+"'><div class='menu' onmouseover=\"info("+i+",this,'gold')\" onmouseout=\"endi(this,'#96c5aa')\" style='cursor:hand'> "+ sublink[0] +"</div></a>");

}

document.write("<div class='menu'><br></div><div class='info' id='infob' name='infob'><font class='bilgi'><i>!</i></font> <br></div>");

</script>

</div>
<!- end source ->