لقد صنعت هذا الشيء الصغير بعد العمل
أقوم بتقليد شريط أدوات Office 2003، وأحاول بشكل أساسي عدم استخدام أي صور (بالطبع من المستحيل عمل جميع الأزرار)، وجميع عناصر التحكم مصنوعة باستخدام Css وJavascript، ولم يتم إنشاء القائمة، وأنا كسول وسعيد .
يمكن للأصدقاء المهتمين الاتصال بي ويمكننا التواصل. تشغيل مربع التعليمات البرمجية
وفيما يلي المحتوى المقتبس: <html><head><meta http-equiv="Content-Language" content="zh-cn"><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><العنوان >شريط أدوات تقليد Office 2003</title><script>/*----------قام Shunzi بإعداد قائمة Javascript بواسطة PuterJamالبريد الإلكتروني:[email protected] --- --*/ var listnum=0; var Menu_width; var Menu_top; var topMar = 1; var space = 1; this.listname=listnamethis.buttonname=buttonnamethis.valuename=valuename}function listaction(obj,action,showlist,scroll,tw){num=obj.id.charAt(obj.id.length-1)if (! التمرير) { التمرير=0}if (!tw) {tw=105}listbox=eval(lb[num].listname)listbutton=eval(lb[num].buttonname)listvalue=eval(lb[num].valuename) التبديل (الإجراء ) { الحالة 0: listbox.className = "getlist"؛ listbutton.className = "listover" فاصل الحالة 1: if (listbox.gf = = "0") {listbox.className = "lostlist"؛ listbutton className = ". Menubar"} استراحة؛ الحالة 2: for (i=0;i<lb.length;i++) { if (num!=i.toString()){ nlistbox=eval(lb[i].listname) nlistbutton =eval( lb[i].buttonname) nlistvalue=eval(lb[i].valuename) nlistbox.className="lostlist";nlistbutton.className="menubar" nlistbox.gf="0" } } ShowMenu(listbox,showlist ,tw, التمرير)؛listbox.className="getlist";listbox.gf="1" var mDiv;if (مرئي = = صحيح) {vDiv = document.all("listDiv");mX = window.event.clientX + document.body.scrollLeft;mY = window.event.clientY + document.body.scrollTop;if ((mX < parseInt( vDiv.style .left)) ||. (mX > parseInt(vDiv.style.left)+vDiv.offsetWidth) || (mY < parseInt(vDiv.style.top)-menu_height) ||(mY > parseInt(vDiv.style .top)+vDiv.offsetHeight)) {vDiv.style.visibility = "hidden";isvisible = false;}}if (isvisible==false){ for (i=0;i<lb.length;i++) { listbox =eval(lb[i].listname) listbutton=eval(lb[i].buttonname) listvalue=eval(lb[i].valuename) listbox.className="lostlist";listbutton.className="menubar" gf ="0" }}}وظيفة ShowMenu(obj,vMnuCode,tWidth,scroll) {vMnuCode = "<table id='submenu' cellpacing=0 cellpadding=0 bgcolor=#ffffff border=0 style='width:"+ tWidth + ";border-collapse:lapse' class='listDiv'><tr height=23><td nowrap align=left>" + vMnuCode + "</td></tr></table>";menu_height = obj .offsetHeight;menu_width = obj.offsetWidth;menu_left = obj.offsetLeft + leftMar+2;menu_top = obj.offsetTop + topMar + Menu_height + space-3;vParent = obj.offsetParent;while (vParent.tagName.toUpperCase() ! = "BODY"){menu_left += vParent.offsetLeft;menu_top += vParent.offsetTop;vParent = vParent.offsetParent;}listDiv.innerHTML = vMnuCode;listDiv.style.top = Menu_top;listDiv.style.left = Menu_left;if ( التمرير==0) {listDiv.style.overflow="visible";listDiv.style.width=tWidth}else {listDiv.style.overflow="scroll";listDiv.style.width=tWidth+18}listDiv.style . visible = "visible";var cssopaction=submenu.filters[0].opacitysubmenu.filters[0].opacity=0; submenu.filters[1].Apply(); submenu.filters[0].opacity=100; .filters[1].Play(); isvisible = true;}function Menuitem(lightcolor,normalcolor,icon,title,url){this.lightcolor=lightcolorthis.normalcolor=normalcolorthis.icon=iconthis.title=titlethis.url= url }وظيفة bulidmenu(arrayname){var Menuarray=eval(arrayname)menucontent='<table border="0" width="100%">'for (i=0;i<menuarray.length;i++){if (menuarray [i].title!="_line"){if (menuarray[i].url!="_disable"){css="getitem"}else{css="lostitem"}if (menuarray[i].icon . length==0){content='<table cellpacing="0" cellpadding="0"><tr><td style="text-indent:4px" class="'+css+'">'+menuarray[ i .title+'</td></tr></table>'}else{content='<table cellpacing="0" cellpadding="0"><tr><td width="20" nowrap>< img src="'+menuarray[i].icon+'"></td><td class="'+css+'">'+menuarray[i].title+'</td></tr></table > '}if (menuarray[i].url!="_disable"){menucontent=menucontent+'<tr><td height=16 style="cursor:default" >'+content+'</td></tr> ' }else{menucontent=menucontent+'<tr><td height=16 style="fitler:gray">'+content+'</td></tr>'}}else{menucontent=menucontent+'<tr><td الارتفاع =4><img src="
مقالات ذات صلة
|