قائمة متحركة على يسار الصفحة 3

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD

2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

/*
Sliding Menu Bar Script- 
© Dynamic Drive (www.elahmad.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of Use, 
visit www.elahmad.com
THANK YOU 
*/

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()

// ضع ادناه اسماء الأقسام لموقعك
sitems[0]="<p dir=rtl>الصفحة الرئيسية"
sitems[1]="الرابط الثاني"
sitems[2]="الرابط الثاني"
sitems[3]="الرابط الثالث"
sitems[4]="الرابط الرابع"
sitems[5]="الرابط الخامس"
sitems[6]="الرابط السادس"
sitems[7]="الرابط السابع"
sitems[8]="الرابط الثامن"
sitems[9]="الرابط التاسع"
sitems[10]="الرابط العاشر"
sitems[11]="الرابط الحادي عشر"
sitems[12]="الرابط الثاني عشر"

// ضع ادناه الروابط المرتبطه بالأقسام اللي فوق.
sitemlinks[0]="http://www.elahmad.com"
sitemlinks[1]="http://www.elahmad.com/"
sitemlinks[2]="http://www.elahmad.com/"
sitemlinks[3]="http://www.elahmad.com/"
sitemlinks[4]="http://www.elahmad.com/"
sitemlinks[5]="http://www.elahmad.com/"
sitemlinks[6]="http://www.elahmad.com/"
sitemlinks[7]="http://www.elahmad.com/"
sitemlinks[8]="http://www.elahmad.com/"
sitemlinks[9]="http://www.elahmad.com/"
sitemlinks[10]="http://www.elahmad.com/"
sitemlinks[11]="http://www.elahmad.com/"
sitemlinks[12]="http://www.elahmad.com/"

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>

قائمة متحركة على يسار الصفحة 3

قائمة-متحركة-على-يسار-الصفحة-3-java-script