當前位置:首頁 » 網頁前端 » 前端如何創建菜單
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端如何創建菜單

發布時間: 2022-05-22 05:24:49

A. 如何創建自己的菜單欄和工具欄

打開excel軟體,如圖所示,這個是一定要有的步驟了,不打開怎麼設置呢。

在菜單欄中,找到「工具」,並點擊,會有一個下拉菜單。

選擇這個下拉菜單中的「自定義」

找到「命令」選擇框,如圖中所示。

在類別框中選擇新菜單,此時右側會出現一個「新菜單」,如圖

選中右側的新菜單,把它拖拽到自己想要的位置。如圖所示

選中「新菜單」,右鍵,下命令框中輸入「我的菜單」。

在「類別」下中選擇「文件」,找到自己常用的命令,並將它們拖拽到我自己新建的菜單中。如圖所示。

最後,我添加一個,看看是不是自己的菜單欄中有自己的命令了。

B. 如何點擊一個按鈕,動態創建一個菜單

沒有父窗體,就沒有子窗體。你只是把一個窗體設為Mdichild有什麼用?沒有MDI主窗體啊!沒有父親,哪來的兒子? 要麼把frmMater100窗體的Mdichild屬性設置為False,讓它和菜單所在窗體成為沒有親屬關系的普通窗體;要麼你就新添加一個MDI窗體,然後把當前窗體的菜單等等控制項復制到新增的MDI窗體,再把啟動對象設為這個新窗體,也就是把界面改為一父帶多子的結構。

C. 怎麼用web前端代碼實現這部分超鏈接的菜單欄

簡單明了,大概的思路就到這里,剩下的只能靠你自己了,自己思考過才知道裡面的奧秘!
<div class="xxx">
<ul>
<li>
<ul>
<li> <a href=「#」></a> </li>
<li> <a href=「#」></a> </li>
<li> <a href=「#」></a> </li>
<li> <a href=「#」></a> </li>
<li> <a href=「#」></a> </li>
<li> <a href=「#」></a> </li>
</ul>
</li>
<li>
<ul>
<li> <a href=「#」></a> </li>
<li> <a href=「#」></a> </li>
<li> <a href=「#」></a> </li>
<li> <a href=「#」></a> </li>
<li> <a href=「#」></a> </li>
<li> <a href=「#」></a> </li>
</ul>
</li>
</ul>
</div>

D. HTML怎麼做這個下拉菜單

select標簽實現。 註:如果是聯動下拉菜單的話,需要通過js動態處理select中的option

E. 如何創建菜單快捷方式

真正的(actual)快捷方式。ID屬性是快捷方式唯一的識別。Name屬性的值是顯示在開始菜單上的名稱。Description屬性是一個用來附加應用程序描述的可選的屬性。Target屬性指出可執行文件在目標機器磁碟上的位置(快捷方式屬性中的目標)。注意使用
前面定義在目錄結構中的
ID為APPLICATIONROOTDIRECTORY的Property的方式。WorkingDirectory屬性設置快捷方式的工作目錄(快捷方式屬性中的起始位置)。
如果需要為一個快捷方式設置一個圖標,首先要使用

F. 前端javascript怎麼select下拉菜單

判斷select選項中 是否存在Value="paraValue"的Item
向select選項中 加入一個Item
從select選項中 刪除一個Item
刪除select中選中的項
修改select選項中 value="paraValue"的text為"paraText"
設置select中text="paraText"的第一個Item為選中
設置select中value="paraValue"的Item為選中
得到select的當前選中項的value
得到select的當前選中項的text
得到select的當前選中項的Index
清空select的項

G. 大前端x主題分類目錄為什麼會變

其實添加頂部菜單跟添加首頁導航菜單差不多,只是有些細節需要注意一下,比如說菜單設置的顯示位置,網站導航(比較大)和頂部菜單(比較小),如果你建的菜單是網站導航就選擇網站導航,如果你建的菜單是頂部菜單就選擇頂部菜單,不要選錯了呃,還有就是自動添加頁面,如果選擇中,它會自動將新添加的頂級頁面到此菜單,可以按照你的情況來選擇,下面我簡單說一下大前端Dux如何添加頂部菜單

第一步,創建新菜單,輸入菜單名稱,點擊保存菜單,如下圖

H. API如何創建菜單

AppendMenu 在指定的菜單里添加一個菜單項
CheckMenuItem 復選或撤消復選指定的菜單條目
CheckMenuRadioItem 指定一個菜單條目被復選成「單選」項目
CreateMenu 創建新菜單
CreatePopupMenu 創建一個空的彈出式菜單
DeleteMenu 刪除指定的菜單條目
DestroyMenu 刪除指定的菜單
DrawMenuBar 為指定的窗口重畫菜單
EnableMenuItem 允許或禁止指定的菜單條目
GetMenu 取得窗口中一個菜單的句柄
GetMenuCheckMarkDimensions 返回一個菜單復選符的大小
GetMenuContextHelpId 取得一個菜單的幫助場景ID
GetMenuDefaultItem 判斷菜單中的哪個條目是默認條目
GetMenuItemCount 返回菜單中條目(菜單項)的數量
GetMenuItemID 返回位於菜單中指定位置處的條目的菜單ID
GetMenuItemInfo 取得(接收)和一個菜單條目有關的特定信息
GetMenuItemRect 在一個矩形中裝載指定菜單條目的屏幕坐標信息
GetMenuState 取得和指定菜單條目狀態有關的信息
GetMenuString 取得指定菜單條目的字串
GetSubMenu 取得一個彈出式菜單的句柄,他位於菜單中指定的位置
GetSystemMenu 取得指定窗口的系統菜單的句柄
HiliteMenuItem 控制頂級菜單條目的加亮顯示狀態
InsertMenu 在菜單的指定位置處插入一個菜單條目,並根據需要將其他條目向下移動
InsertMenuItem 插入一個新菜單條目
IsMenu 判斷指定的句柄是否為一個菜單的句柄
LoadMenu 從指定的模塊或應用程式實例中載入一個菜單
LoadMenuIndirect 載入一個菜單
MenuItemFromPoint 判斷哪個菜單條目包含了屏幕上一個指定的點
ModifyMenu 改動菜單條目
RemoveMenu 刪除指定的菜單條目
SetMenu 設置窗口菜單
SetMenuContextHelpId 設置一個菜單的幫助場景ID
SetMenuDefaultItem 將一個菜單條目設為默認條目
SetMenuItemBitmaps 設置一幅特定點陣圖,令其在指定的菜單條目中使用,代替標準的復選符號(√)
SetMenuItemInfo 為一個菜單條目設置指定的信息
TrackPopupMenu 在屏幕的任意地方顯示一個彈出式菜單
TrackPopupMenuEx 和TrackPopupMenu相似,只是他提供了額外的功能

在使用菜單之前,值得一提的是,包含菜單的窗口必須是POPUP-UP或OVERLAPPED風格,才可能擁有菜單。
菜單的創建有三種方法:1,在WINDOWCLASS中指定菜單資源的標識符;2,在CreateWindowEx函數參數中指定菜單句柄;3,先用LoadMenu函數
載入菜單資源,再用SetMenu函數把菜單載入到應用程序的菜單欄。
菜單的操作包含:向已存在菜單添加新的菜單項,刪除菜單中的某一項,使菜單項呈現被選中狀態,使菜單項無效,創建浮動式菜單,向
Windows系統菜單中添加,刪除選項等等。
定位菜單項有兩種途徑:1,用菜單項的唯一標識符;2,用菜單項的邏輯索引。
菜單項的邏輯索引是這樣規定的,菜單欄中的項從左到右的索引依次是0,1,2...,彈出菜單中的項從上到下的索引依次是0,1,2...。
如果想獲得菜單某一項的句柄,因先獲得菜單條的句柄,在用該菜單項的索引取得句柄。例如:
hMenu=GetMenu(hWnd); //hWnd是窗口句柄
hPopupMenu=GetSubMenu(hMenu,0); //0表示菜單的第一個選項
範例1:演示菜單的各種操作
// begin.cpp : Defines the entry point for the application.
//
#define WIN32_LEAN_AND_MEAN
#include "stdafx.h"
#include "resource.h"
#define ID_NEWITEM 1013 //定義新菜單項的標識符
#define ID_NEWSYSITEM 60441 //定義新系統菜單項標識符
LRESULT CALLBACK MainProc(HWND,UINT,WPARAM,LPARAM); //主窗口函數
BOOL WINAPI DoDispPopupMenu(HWND,int,int); //創建彈出式菜單
VOID WINAPI DoDispMessage(int); //顯示相關信息
VOID WINAPI DoInsertMenuItem(void); //向已有菜單中插入新項
VOID WINAPI DoDeleteMenuItem(void); //刪除菜單中的選項
VOID WINAPI DoCheckMenuItem(void); //設置菜單項為選中標志
VOID WINAPI DoCheckRadio(void); //設置菜單項為單選標志
VOID WINAPI DoInsertSysMenu(void); //向系統菜單中插入新項
char szAppName[]="Begin";
HINSTANCE hIns;
HWND hMainWnd;
BOOL isInsert; //插入菜單標志
BOOL isCheck; //選中標志
int idRadio=2; //單選標志
int APIENTRY WinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR lpCmdLine, int nCmdShow)
{
MSG msg;
HWND hWnd;
WNDCLASSEX wc;
wc.cbClsExtra = 0;
wc.cbSize = sizeof(WNDCLASSEX);
wc.cbWndExtra = 0;
wc.hbrBackground = (HBRUSH)GetStockObject(WHITE_BRUSH);
wc.hCursor = LoadCursor(NULL,IDC_ARROW);
wc.hIcon = LoadIcon(NULL,IDI_APPLICATION);
wc.hIconSm = 0;
wc.hInstance = hInstance;
wc.lpfnWndProc = (WNDPROC)MainProc;
wc.lpszClassName = szAppName;
wc.lpszMenuName = MAKEINTRESOURCE(IDR_MENU1);
wc.style = CS_HREDRAW | CS_VREDRAW | CS_DBLCLKS | CS_OWNDC;
RegisterClassEx(&wc);
hWnd=CreateWindowEx(0, szAppName, szAppName, WS_OVERLAPPEDWINDOW,
CW_USEDEFAULT,CW_USEDEFAULT,CW_USEDEFAULT,CW_USEDEFAULT,
NULL,NULL,hInstance,NULL);
hMainWnd=hWnd;
hIns=hInstance;
//在此處向系統菜單中插入菜單項
DoInsertSysMenu();
ShowWindow(hWnd,nCmdShow);
UpdateWindow(hWnd);
while(GetMessage(&msg,NULL,0,0))
{
TranslateMessage(&msg);
DispatchMessage(&msg);
}
return msg.wParam;
}

LRESULT CALLBACK MainProc(HWND hWnd,UINT message, WPARAM wParam,LPARAM lParam)
{
HDC hdc;
PAINTSTRUCT ps;
switch(message)
{
case WM_CREATE:
return 0;
case WM_PAINT:
hdc=BeginPaint(hWnd,&ps);
//do drawing
EndPaint(hWnd,&ps);
return 0;
case WM_RBUTTONDOWN:
//滑鼠在窗口中右鍵被按下時,彈出浮動式菜單
if(DoDispPopupMenu(hWnd,LOWORD(lParam),HIWORD(lParam)))
return 0; //函數調用成功
else
break; //函數調用失敗
case WM_COMMAND:
switch(LOWORD(wParam))
{
case ID_INSERT:
if(isInsert==0)
{
//插入新的菜單項
DoInsertMenuItem();
//顯示相關信息
DoDispMessage(4);
}
break;
case ID_NEWITEM:
DoDispMessage(3);
break;
case ID_DELETE:
if(isInsert!=0)
{
//刪除菜單項
DoDeleteMenuItem();
DoDispMessage(5);
}
break;
case IDEXIT:
PostQuitMessage(0);
break;
case ID_CHECK:
//在菜單選項前打鉤
DoCheckMenuItem();
break;
case ID_RADIO1:
//在菜單選項前做一圓形標志,表明此項被選中,並清除舊的標志
idRadio=2;
DoCheckRadio();
break;
case ID_RADIO2: //同上
idRadio=3;
DoCheckRadio();
break;
case ID_RADIO3: //同上
idRadio=4;
DoCheckRadio();
break;
case ID_FLOAT1: //浮動菜單的選項被選中時的處理
DoDispMessage(0);
break;
case ID_FLOAT2: //同上
DoDispMessage(1);
break;
case ID_FLOAT3: //同上
DoDispMessage(2);
break;
}
return 0;
case WM_CLOSE:
PostQuitMessage(0);
return 0;
}
return DefWindowProc(hWnd,message,wParam,lParam);
}

BOOL WINAPI DoDispPopupMenu(HWND hWnd,int x,int y)
{
HMENU hMenu;
HMENU hPopupMenu;
POINT pt={x,y};
//從資源文件中載入菜單資源
hMenu=LoadMenu(hIns,MAKEINTRESOURCE(IDR_MENU2));
//獲得子菜單的句柄
hPopupMenu=GetSubMenu(hMenu,0);
//窗口坐標轉化到屏幕坐標
ClientToScreen(hMainWnd,&pt);
//創建浮動菜單
if(TrackPopupMenu(hPopupMenu, TPM_LEFTALIGN | TPM_RIGHTBUTTON, pt.x, pt.y, 0, hMainWnd, NULL)==FALSE)
return FALSE;
//使用完畢,回收內存
DestroyMenu(hMenu);
return TRUE;
}
VOID WINAPI DoDispMessage(int id)
{
//在菜單事件發生時,輸出相應的字元串
HDC hdc;
char *mess[] = {
"Command Floating Menuitem 1 ",
"Command Floating Menuitem 2 ",
"Command Floating Menuitem 3 ",
"Command New Menu Item ",
"New Item Have Been Inserted ",
"New Item Have Been Deleted "
};
InvalidateRect(hMainWnd,NULL,FALSE);
hdc=GetDC(hMainWnd);
TextOut(hdc,0,0,mess[id],strlen(mess[id]));
ReleaseDC(hMainWnd,hdc);
}
VOID WINAPI DoInsertMenuItem()
{
//插入菜單項
HMENU hMenu;
HMENU hPopupMenu;
MENUITEMINFO info;
//每一個新插入的菜單項都必須填寫MENUITEMINFO結構
info.cbSize = sizeof(MENUITEMINFO);
info.fMask = MFT_STRING | MIIM_DATA | MIIM_ID | MIIM_TYPE;
info.fType = MFT_STRING;
info.fState = 0;
info.wID = ID_NEWITEM;
info.hSubMenu = NULL;
info.hbmpChecked = NULL;
info.hbmpUnchecked = NULL;
info.dwItemData = ID_NEWITEM;
info.dwTypeData = "New Item";
info.cch = 8;
//獲得已存在菜單的句柄
hMenu=GetMenu(hMainWnd);
//獲得子菜單的句柄
hPopupMenu=GetSubMenu(hMenu,0);
//插入菜單項
InsertMenuItem(hPopupMenu,1,TRUE,&info);
//置插入標志為1
isInsert=1;
}
VOID WINAPI DoDeleteMenuItem()
{
//刪除菜單項
HMENU hMenu;
HMENU hPopupMenu;
hMenu=GetMenu(hMainWnd);
hPopupMenu=GetSubMenu(hMenu,0);
RemoveMenu(hPopupMenu,ID_NEWITEM,MF_BYCOMMAND);
isInsert=0;
}
VOID WINAPI DoCheckMenuItem()
{
//此函數先判斷菜單項是否被打鉤,若沒有,則做打鉤標記
//若已有,則刪除打鉤標記
HMENU hMenu;
HMENU hPopupMenu;
hMenu=GetMenu(hMainWnd);
hPopupMenu=GetSubMenu(hMenu,1);
if(isCheck)
{
CheckMenuItem(hPopupMenu,0,MF_BYPOSITION | MF_UNCHECKED);
isCheck=0;
}
else
{
CheckMenuItem(hPopupMenu,0,MF_BYPOSITION | MF_CHECKED);
isCheck=1;
}
}


I. 怎麼使用CSS3創建動態菜單

第一步:編輯菜單的HTML代碼。

菜單包含三個列表項,分別取名為「Menu1」、「Menu2」、「Menu3」。

XML/HTMLCode
<divclass="css3Menus">
<ul>
<li>Menu1</li>
<li>Menu2</li>
<li>Menu3</li>
</ul>
</div>

第二步:設置菜單的背景。

在該步驟中,把導航的背景設置為黑色。寬度、高度和內邊距為可選項,可以不設置。

CSSCode
.<spanstyle="width:auto;height:auto;float:none;"id="4_nwp"><astyle="text-decoration:none;"mpid="4"target="_blank"href="http://cpro..com/cpro/ui/uijs.php?adclass=0&app_id=0&c=news&cf=1001&ch=0&di=128&fv=0&is_app=0&jk=e2fbae28688be8a0&k=css3&k0=css3&kdi0=0&luki=10&n=10&p=&q=06011078_cpr&rb=0&rs=1&seller_id=1&sid=a0e88b6828aefbe2&ssp2=1&stid=0&t=tpclicked3_hc&tu=u1922429&u=http%3A%2F%2Fwww%2Eadmin10000%2Ecom%2Fdocument%2F2453%2Ehtml&urlid=0"id="4_nwl"><spanstyle="color:#0000ff;font-size:14px;width:auto;height:auto;float:none;">css3</span></a></span>Menus{
background:#14080a;
width:506px;
height:260px;
padding:20px;
}

如下圖:

J. html 前端頁面,如果用bootstrap4製作左側菜單欄

雖然現在不怎麼純手工敲了,但是我還是可以給你說一下思路。
你先給一個div,{width:200px;height:400px;float:left;}
在這個div裡面放10個小的div{width:200px;height:40px;}
然後就是js了,你想要什麼效果,就在hover或者click裡面加。(個人默認你懂jQ)