العربية
<!-- +++قائمة التنقل عبر الويب المنزلقة+++++ --> <html> <head> <!-- +++++تم إضافة الكود التالي إلى منطقة <head>+++++--> <style> النص، td,a {font-size:9pt;color:black;text-decoration:none} .عادي {padding:2px} .up {padding:1px;border:#999999 1px Solid;background:# cccccc} .down {padding :1px;border:dbdbdb 1px Solid;background:dbdbdb} .menuv {filter: requireTrans(transition=23,duration=0.5);padding:2px} </style> </head> <!- - +++++ ++++++++++++++++++++++++++++ تمت إضافة الكود التالي إلى منطقة <body> ++++++++++ +++++++++++ ++++++++++++ --> <body onMouseMove="move()" onLoad="bodyload()"> <script> // وظيفة حدود الجدول الوامضة flashit(){if(!document. all)return;if (td123.style.borderColor=="black")td123.style.borderColor="#999999";else td123.style.borderColor=" black"}setInterval("flashit()",500) / / يتلاشى في الواقع، قم بتغيير قيمة ألفاfunction High(image){theobject=image,highlighting=setInterval("highlightit(theobject)",100)}function low( image){clearInterval(highlighting),image.filters.alpha.opacity= 50}function Highlightit(cur2){if (cur2.filters.alpha.opacity<100)cur2.filters.alpha.opacity+=20;else if(window .highlighting)clearInterval (highlighting)} //JS لسحب الطبقة فوق= false,down=false,divleft,divtop;function move(){if(down){plane.style.left=event.clientX-divleft;plane.style.top=event.clientY-divtop;}} // الطبقة المنزلقة function bodyload() { if(plane.style.pixelTop!=0) { الطائرة.style.pixelTop-=10 setTimeout('bodyload()' ,1) } } // طبقة العرض المتدرجة function Show(divid) { divid. filter.revealTrans.apply(); divid.style.visibility = "visible"; divid.filters.revealTrans.play(); } function Hide( divid) { divid.filters.revealTrans.apply(); = "hidden"; divid.filters.revealTrans.play(); } </script> <div style="position:absolute;z-index :1;width:1;height:1; اليسار: 0; الأعلى: 500 " ID=plane onmousedown="down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY- parseInt(plane.style.top)" onmouseup="down=false"> < معرف الجدول = "td123" تباعد الخلايا = 2 العرض = 100 الحدود = 0 نمط = "الحدود: #999999 1px الصلبة؛ المؤشر: اليد" cellpadding = "0" bgcolor = "f4f4f4"> <tr> <td bgcolor = "#cccccc " height="20" style="BORDER:#999999 1px Solid;cursor:move"> <div align="center">قائمة انزلاقية متعددة المستويات</div> </td> </tr> <tr> < فئة td = عادي onMouseDown = "this.className = 'down'" onMouseOver = "this.className = 'up'، عالي (هذا)، عرض (menu1) " onMouseOut = "this.className = 'عادي'، منخفض (هذا) ),menu1.style.visibility='hidden'" style="filter:alpha(opacity=50)" onMouseUp="this.className='up '" > <div align="right">يوجد مستوى أدنى القائمة>></div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='down'" onMouseOver=" this.className='up',high(this), Show(menu2)" onMouseOut="this.className='normal',low(this),menu2.style.visibility='hidden'" style="filter:alpha (opacity=50)"onMouseUp="this.className= 'up'" > <div align="right">توجد قائمة ذات مستوى أدنى>></div> </td> </tr> <tr> <td class= Normal onMouseDown="this.className=' down'" onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha (opacity=50)"onMouseUp=" this.className='up'"> <div align="right">لا توجد قائمة ثانوية>></div> </td> </tr> <tr> <td class= Normal onMouseDown="this.className=' down'" onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha (opacity=50)"onMouseUp=" this.className='up'"> <div align="right">لا توجد قائمة ثانوية>></div> </td> </tr> </table> <div id ="menu1" style="position: طلق:أعلى:24px;يسار:96px;z-index:1; "> <جدول تباعد الخلايا = 2 العرض = 100 الحدود = 0 نمط ="الحدود: #999999 1px صلب؛ المؤشر: اليد" cellpadding = "0" bgcolor = "f4f4f4" align = "يمين"> <tr> <td class= عادي onMouseDown = "this.className = 'down'" onMouseOver = "this.className = 'up'، مرتفع (هذا)" onMouseOut = "this.className = 'طبيعي'، منخفض (هذا)" style = "مرشح: ألفا" (opacity=50)"onMouseUp="this.className='up'"> <div align="center">القائمة الفرعية</div> </td> </tr> < tr> <td class=normal onMouseDown=" this.className='down'" onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50) )"onMouseUp="this.className='up'"> <div align=center>القائمة الفرعية</div> </td> </tr> <tr> <td class =normal onMouseDown="this.className='down '" onMouseOver = "this.className = 'up'، عالي (هذا)" onMouseOut = "this.className = 'عادي'، منخفض (هذا)" style = "filter: alpha (opacity = 50)" onMouseUp = "this .className='up'"> <div align=center>القائمة الفرعية</div> </td> </tr> <tr> <td class=normal onMouseDown=" this.className='down'" onMouseOver="this .className='up',high(this)" onMouseOut="this.className='عادي',low(this)" style="filter:alpha(opacity=50 )"onMouseUp="this.className='up' "> <div align=center>القائمة الفرعية</div> </td> </tr> </table> </div> <div id="menu2" style ="position:absolute;top:45px;left:96 ; 100 border=0 style="BORDER:#999999 1px Solid;cursor:hand" cellpadding="0" bgcolor="f4f4f4" align="right"> <tr> <td class=normal onMouseDown="this.className=' down'" onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style= "filter:alpha(opacity=50)"onMouseUp=" this.className='up'"> <div align="center">القائمة الفرعية</div> </td> </tr> <tr> <td class =normal onMouseDown="this.className='down'" onMouseOver ="this.className='up',high(this)" onMouseOut="this.className='عادي',منخفض(this)" style="filter: alpha(opacity=50)"onMouseUp="this.className= 'up'"> <div align=center>القائمة الفرعية</div> </td> </tr> <tr> <td class=normal onMouseDown=" this.className='down'" onMouseOver="this.className= 'up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50 )"onMouseUp="this.className='up'"> < div align=center>القائمة الفرعية</div> </td> </tr> <tr> <td class=normal onMouseDown="this.className=' down'" onMouseOver="this.className='up',high( هذا)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50)" onMouseUp=" this.className='up'"> <div align=center>القائمة الفرعية </div> </td> </tr> </table> </div> </div> </body> </html>
