حد يعرف ازاي احصل على menu شكلها حلو:(
عرض للطباعة
حد يعرف ازاي احصل على menu شكلها حلو:(
وضح أخوي
ازاي اعمل قائمه منسدله(menue) باستخدام java script,html,flash
اي لغه المهم اضع menue في صفحة الأنترنت
مينيو بماذا (((قائمة بماذا)))
وضح يعني جيب مثال في موقع ولا شيء
افتح هذا الموقع ياخوي وشوف المنيو الي فيه انا ريد اعمل منيو زي الموجوده في هذا السيت
http://www.milonic.co.uk/menu
وشـــــــــــــــكرا اخوي
خذ هذا الكود
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px solid green;
background-color:lightyellow;
layer-background-color:lightyellow;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
<script language="JavaScript1.2">
/*
Sliding Menu Bar Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
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]="الصفحة الرئيسية"
sitems[1]="الموقع الاول"
sitems[2]="الموقع الثانى"
sitems[3]="الموقع الثالث"
sitems[4]="الموقع الرابع"
sitems[5]="الموقع الخامس"
sitems[6]="الموقع السادس"
sitems[7]="الموقع السابع"
sitems[8]="الموقع الثامن"
sitems[9]="الموقع التاسع"
sitems[10]="الموقع العاشر"
sitems[11]="الموقع الحادى عشر"
sitems[12]="الموقع الثانى عشر"
//These are the links pertaining to the above text.
sitemlinks[0]="هنا تضع المواقع"
sitemlinks[1]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[2]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[3]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[4]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[5]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[6]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[7]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[8]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[9]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[10]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[11]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[12]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
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>
ملاحظة إذا ماظهر الكود اضغط لمشاركتي اقتباس وراح يظهر
اقتباس:
الرسالة الأصلية كتبت بواسطة السبيل
خذ هذا الكود
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px solid green;
background-color:lightyellow;
layer-background-color:lightyellow;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
<script language="JavaScript1.2">
/*
Sliding Menu Bar Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
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]="الصفحة الرئيسية"
sitems[1]="الموقع الاول"
sitems[2]="الموقع الثانى"
sitems[3]="الموقع الثالث"
sitems[4]="الموقع الرابع"
sitems[5]="الموقع الخامس"
sitems[6]="الموقع السادس"
sitems[7]="الموقع السابع"
sitems[8]="الموقع الثامن"
sitems[9]="الموقع التاسع"
sitems[10]="الموقع العاشر"
sitems[11]="الموقع الحادى عشر"
sitems[12]="الموقع الثانى عشر"
//These are the links pertaining to the above text.
sitemlinks[0]="هنا تضع المواقع"
sitemlinks[1]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[2]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[3]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[4]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[5]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[6]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[7]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[8]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[9]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[10]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[11]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
sitemlinks[12]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟"
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>
ملاحظة إذا ماظهر الكود اضغط لمشاركتي اقتباس وراح يظهر
الكود مدري اشبه مايظهر انت اضغط اقتباس لمشاركتي وراح يظهر معاك وإذا ماظهر أنا أحطلك الموقع الي فيه الكود