[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]اليك الكود
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="rtl">
<head>
<style>
/* تستطيع التغير في القائمة من خلال css*/
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
border:1.5px solid black;
background-color:#F2F2F2;
layer-background-color:#F2F2F2;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
</head>
<body>
<script language="JavaScript1.2">
var slidemenu_width='160px'
var slidemenu_reveal='12px'
var slidemenu_top='170px'
var ns4=document.layers?1:0
var ie4=document.all
var ns6=document.getElementById&&!document.all?1:0
if (ie4||ns6)
document.write('<div id="slidemenubar2" style="right:'+((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)+'px; top:'+slidemenu_top+'; width:'+slidemenu_width+'" onMouseover="pull()" onMouseout="draw()">')
else if (ns4){
document.write('<style>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n')
document.write('<layer id="slidemenubar" right=0 top='+slidemenu_top+' width='+slidemenu_width+' onMouseover="pull()" onMouseout="draw()" visibility=hide>')
}
var sitems=new Array()
sitems[0]=["<big><center><font face='Arial'>القائمة</font></big>", ""]
sitems[1]=["الرئسية", "https://zaharatb.yoo7.com/dynamicindex1/"]
sitems[2]=["زهرات البستان", "http:https://zaharatb.yoo7.com/h2-page_html/dynamicindex3/"]
sitems[3]=["الرئسية", "http://#/dynamicindex2/"]
sitems[4]=["الرئسي", "http://#/dynamicindex4/"]
sitems[5]=["الرئسي", "http://#/dynamicindex5/"]
sitems[6]=[">>>>>>>>>>>>>>>", "http://#/dynamicindex6/"]
sitems[7]=["الرئسي", "http://#/dynamicindex10/"]
sitems[8]=["الرئسي", "http://#/dynamicindex8/"]
sitems[9]=["الرئسي", "http://#/dynamicindex9/"]
sitems[10]=["الرئسي", "http://#/dynamicindex11/"]
var target=""
/////////////////////////////////////////////////////////
if (ie4||ns4||ns6){
for (i=0;i<sitems.length;i++){
if (sitems[i][1])
document.write('<a href="'+sitems[i][1]+'" target="'+target+'">')
document.write(sitems[i][0])
if (sitems[i][1])
document.write('</a>')
document.write('<br>\n')
}
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4){
document.slidemenubar.left=((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)
document.slidemenubar.visibility="show"
setTimeout("window.onresize=regenerate",400)
}
}
window.onload=regenerate2
rightboundary=0
leftboundary=(parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1
if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("slidemenubar2").style : document.all.slidemenubar2.style
}
else if (ns4){
document.write('</layer>')
themenu=document.layers.slidemenubar
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",10)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",10)
}
function pullengine(){
if ((ie4||ns6)&&parseInt(themenu.right)<rightboundary)
themenu.right=parseInt(themenu.right)+10+"px"
else if(ns4&&themenu.right<rightboundary) //rightمن هنا اتجاه خروج القائمة//
themenu.right+=10
else if (window.pullit){
themenu.right=0
clearInterval(pullit)
}
}
function drawengine(){
if ((ie4||ns6)&&parseInt(themenu.right)>rightboundary)
themenu.right=parseInt(themenu.right)-10+"px"
else if(ns4&&themenu.right>leftboundary)
themenu.right-=10 //rightاتجاه الخروج القائمة//
else if (window.drawit){
themenu.right=leftboundary
clearInterval(drawit)
}
}
</script>
</body>
</html>
موضوع: الانزلاق شريط القوائم من الجاني الايمن 
الأربعاء 10 أكتوبر - 0:20