點選右則剪頭展開和收起頁面選單
let hflag = 1; // 標記是否隱藏
function flagMenu(menuId, btnId) {
let mainMenu = document.querySelector(menuId);
let menuH = mainMenu.clientHeight;
let unfoldBtn = document.querySelector(btnId);
let classVal = unfoldBtn.getAttribute("class");
let menuClassVal = mainMenu.getAttribute("class");
if (hflag) { // 當前為收起狀態,展開函式
if (menuH == 42) {
let setInt1 = setInterval(function () {
menuH += 2;
mainMenu.style.height = menuH + "px";
if (menuH == 84) {
//unfoldBtn.innerText = "收起";
if (!hasClass(unfoldBtn, 'flag-down')) {
console.log(menuClassVal);
menuClassVal = menuClassVal.replace(menuClassVal, "menu-list menu-list-bg");
mainMenu.setAttribute("class", menuClassVal);
classVal = classVal.replace(classVal, "unfold-btn flag-down");
unfoldBtn.setAttribute("class", classVal);
}
hflag = 0;
clearInterval(setInt1);
}
}, 10);
}
} else { // 當前為展開狀態,收起
if (menuH == 84) {
mainMenu.style.height = 42 + "px";
if (!hasClass(unfoldBtn, 'flag-up')) {
menuClassVal = menuClassVal.replace(menuClassVal, "menu-list");
mainMenu.setAttribute("class", menuClassVal);
classVal = classVal.replace(classVal, "unfold-btn flag-up");
unfoldBtn.setAttribute("class", classVal);
}
hflag = 1;
}
}
}
相關文章
- 文章點選展開和收起詳解
- iOS tableviewcell裡點選文字展開與收起功能iOSView
- jQuery點選展開收起程式碼例項jQuery
- ABP後臺管理頁面AdminLTE框架,實現選單項點選後,選單展開當前選單項高亮框架
- 頁面怎麼做點選表頭排序排序
- 右鍵選單遮蔽 和 複製到剪貼簿 的javascriptJavaScript
- 將Word文件頁面設定新增進右鍵選單
- swift點選Tableviewcell展開下拉選單內容SwiftView
- js 做網頁右鍵選單JS網頁
- js垂直右側展開導航選單詳解JS
- 安卓開發 點選空白處收起鍵盤安卓
- FairyGui--實現點選按鈕使UI欄開啟和收起AIGUI
- 基於JQuery的自定義樹形選單表格,實現展開、收起效果jQuery
- 管理右鍵選單
- 淘寶頁面實現(包括級聯選單,下拉選單,框架)框架
- Android自定義View——從零開始實現可展開收起的水平選單欄AndroidView
- 滑鼠右鍵點選事件簡單介紹事件
- 點選平滑下拉展開摺疊樹形導航選單
- vue分頁全選和單選操作Vue
- 工作268:uni--選單頁面
- 點選標題下拉展開二級子標題導航選單
- jQuery點選展開摺疊手風琴導航選單詳解jQuery
- Qt:QT右鍵選單QT
- jQuery實現的點選展開其他專案摺疊導航選單jQuery
- 模擬在頁面點選匯入csv
- 新增右鍵選單: SourceTree 右鍵開啟當前目錄
- JCEF 如何修改右鍵選單項(JCEF在右鍵選單中新增開發者選項-show dev tools)dev
- 針對IOS頁面縮放,需要點選兩次才能選中iOS
- 右鍵模擬windows選單Windows
- GAT新Bug:點選分頁按鈕頁面沒變
- windows右鍵選單擴充套件容器[開源]Windows套件
- OT部分頁面左側選單不顯示
- HBuilder開發詞典app(二)--實現點選和手指拖動變更頁面UIAPP
- 禁用文字選擇、右鍵選單例項程式碼單例
- 如何管理win10右鍵新建選單_win10如何清理右鍵新建選單Win10
- 【iOS】今日頭條選單選項篇iOS
- iOS 封裝頁數控制,點選NavigationTabBar切換頁面iOS封裝NavigationtabBar
- win10滑鼠右鍵選單欄怎麼改 刪除右鍵選單欄無用選項的方法Win10