Saya membuat hal kecil ini setelah bekerja
Saya meniru toolbar Office 2003, terutama berusaha untuk tidak menggunakan gambar apapun (tentu saja tidak mungkin membuat semua tombol), semua kontrol dibuat dengan Css dan Javascript, dan menu tidak dibuat. Saya malas dan senang .
Teman yang berminat bisa menghubungi saya dan kita bisa berkomunikasi. Jalankan kotak kode
| Berikut isi kutipannya: <html><head><meta http-equiv="Bahasa Konten" content="zh-cn"><meta http-equiv="Jenis Konten" content="text/html; charset=gb2312"><judul >Toolbar tiruan Office 2003</title><script>/*----------Shunzi membuat Menu Javascript Dibuat oleh PuterJamE-mail:[email protected] --- --*/ var listnum=0; var menu_height; var menu_width; var menu_top; var topMar = 1; var leftMar = -2; this.listname=listnamethis.buttonname=buttonnamethis.valuename=valuename}fungsi listaction(obj,action,showlist,scroll,tw){num=obj.id.charAt(obj.id.length-1)if (!scroll) { gulir=0}if (!tw) {tw=105}listbox=eval(lb[num].listname)listbutton=eval(lb[num].buttonname)listvalue=eval(lb[num].valuename) switch (tindakan ) { kasus 0: listbox.className="getlist";listbutton.className="listover" istirahat; kasus 1: if (listbox.gf=="0") {listbox.className="lostlist";listbutton. menubar"} break; case 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, gulir);listbox.className="getlist";listbox.gf="1" listnum=num; break; }}fungsi HideMenu() { var mX; var vDiv; {vDiv = document.all("listDiv");mX = window.event.clientX + document.body.scrollLeft;mY = window.event.clientY + document.body.scrollTop;if ((mX < parseInt( vDiv.style .kiri)) ||. (mX > parseInt(vDiv.style.left)+vDiv.offsetWidth) || (mY < parseInt(vDiv.style.top)-menu_height) || .top)+vDiv.offsetHeight)) {vDiv.style.visibility = "hidden";isvisible = false;}}if (isvisible==false){ for (i=0;i<lb.length;i++) { kotak daftar =eval(lb[i].listname) listbutton=eval(lb[i].buttonname) listvalue=eval(lb[i].valuename) listbox.className="lostlist";listbutton.className="menubar" kotak daftar ="0" }}}fungsi ShowMenu(obj,vMnuCode,tWidth,scroll) {vMnuCode = "<table id='submenu' Cellspacing=0 cellpadding=0 bgcolor=#ffffff border=0 style='width:"+ tWidth + ";border-collapse: collaps' 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;sementara (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 ( gulir==0) {listDiv.style.overflow="visible";listDiv.style.width=tWidth}else {listDiv.style.overflow="scroll";listDiv.style.width=tWidth+18}listDiv.style . visibilitas = "terlihat";var cssopaction=submenu.filters[0].opacitysubmenu.filters[0].opacity=0; submenu.filters[1].Apply(); .filters[1].Play(); isvisible = true;}item menu fungsi(warna terang,warna normal,ikon,judul,url){this.lightcolor=lightcolorthis.normalcolor=normalcolorthis.icon=iconthis.title=titlethis.url= url }fungsi 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="losstitem"}if (menuarray[i].icon . length==0){content='<table Cellspacing="0" cellpadding="0"><tr><td style="text-indent:4px" class="'+css+'">'+menuarray[ i ].title+'</td></tr></table>'}else{content='<table Cellspacing="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 height =4><img src="
Artikel Terkait
|