PHP,ASP,JAVASCRIPT,MYSQL;HTMLDERSI » Blog Archive » Yandan Açılan Menü

Yandan Açılan Menü

<html>
<head>
<title>FORUM</title>
<style>
<!–
#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:2px solid navy;
background-color:lightblue;
layer-background-color:lightblue;
font:bold 12px Verdana;
line-height:20px;
}
–>
</style>
</head>
<body text=”#000000″ bgcolor=”#FFFFFF” link=”#FF0000″ alink=”#FF0000″ vlink=”#FF0000″>
<!– Type your text here //–>
<script language=”JavaScript1.2″>

if (document.all)
document.write(’<div id=”slidemenubar2″ style=”left:-150″ onMouseover=”pull()” onMouseout=”draw()”>’)
</script>
<layer id=”slidemenubar” onMouseover=”pull()” onMouseout=”draw()”>
<script language=”JavaScript1.2″>
var sitems=new Array()
var sitemlinks=new Array()
//extend or shorten this list
sitems[0]=”………link1″
sitems[1]=”………link2″
sitems[2]=”………link3″
sitems[3]=”………link4″
sitems[4]=”………link5″
sitems[5]=”………link6″
sitems[6]=”………link7″
sitems[7]=”………link8″
sitems[8]=”………link9″
sitems[9]=”………link10″
sitems[10]=”……..link11″
sitems[11]=”……..link12″
sitems[12]=”……..link13″

//These are the links pertaining to the above text.
sitemlinks[0]=”link1.html”
sitemlinks[1]=”link2.html”
sitemlinks[2]=”link3.html”
sitemlinks[3]=”link4.html”
sitemlinks[4]=”link5.html”
sitemlinks[5]=”link6.html”
sitemlinks[6]=”link7.html”
sitemlinks[7]=”link8.html”
sitemlinks[8]=”link9.html”
sitemlinks[9]=”link10.html”
sitemlinks[10]=”link11.html”
sitemlinks[11]=”link12.html”
sitemlinks[12]=”link13.html”
for (i=0;i<=sitems.length-1;i++)
document.write(’<a href=’+sitemlinks[i]+’>’+sitems[i]+’</a><br>’)
</script>
</layer>
<script language=”JavaScript1.2″>
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout(”window.onresize=regenerate”,400)
}
window.onload=regenerate2
if (document.all){
document.write(’</div>’)
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval(”pullengine()”,50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval(”drawengine()”,50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>
</body>
</html>

alt taraftakilerde(link1.html,link2.html) onları değiştireceksiniz

21 Ocak 2008 | HTML | Comments

Comments:

You must be logged in to post a comment.