J'ai fait cette petite chose après le travail
J'imite la barre d'outils d'Office 2003, en essayant principalement de ne pas utiliser d'images (bien sûr, il est impossible de créer tous les boutons), tous les contrôles sont réalisés en CSS et Javascript, et le menu n'est pas fait, je suis paresseux et content. .
Les amis intéressés peuvent me contacter et nous pouvons communiquer. Boîte de code d'exécution
| Voici le contenu cité : <html><head><meta http-equiv="Content-Language" content="zh-cn"><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title >Barre d'outils d'imitation d'Office 2003</title><script>/*---------------Shunzi a créé Menu Javascript Fabriqué par PuterJamE-mail:[email protected] --- --*/ var listnum=0; var menu_height; var menu_left; var menu_top; var leftMar = -2; var isvisible;function listbox(listname,buttonname, valuename){ this.listname=listnamethis.buttonname=buttonnamethis.valuename=valuename}function listaction(obj,action,showlist,scroll,tw){num=obj.id.charAt(obj.id.length-1)if (! scroll) { scroll=0}if (!tw) {tw=105}listbox=eval(lb[num].listname)listbutton=eval(lb[num].buttonname)listvalue=eval(lb[num].valuename) commutateur (action ) { cas 0 : listbox.className="getlist";listbutton.className="listover" cas 1 : if (listbox.gf=="0") {listbox.className="lostlist";listbutton=". menubar"} break; cas 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, scroll);listbox.className="getlist";listbox.gf="1" listnum=num; break; { var mX; var vDiv;if (isvisible = = true) {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" listbox. ="0" }}}fonction ShowMenu(obj,vMnuCode,tWidth,scroll) {vMnuCode = "<table id='submenu' Cellpacing=0 cellpadding=0 bgcolor=#ffffff border=0 style='width:"+ tWidth + ";border-collapse:effondrement' 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 + espace-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 ( scroll==0) {listDiv.style.overflow="visible";listDiv.style.width=tWidth}else {listDiv.style.overflow="scroll";listDiv.style.width=tWidth+18}listDiv.style . visibilité = "visible";var cssopaction=submenu.filters[0].opacitysubmenu.filters[0].opacity=0; submenu.filters[1].Apply(); .filters[1].Play(); isvisible = true;}élément de menu de fonction (lightcolor,normalcolor,icon,title,url){this.lightcolor=lightcolorthis.normalcolor=normalcolorthis.icon=iconthis.title=titlethis.url= url }function 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 height =4><img src="
Articles connexes
|