html自定義垂直導航菜單(目前只支持上級+下級兩級菜單) 由於工作的需要,昨天花了三個多小時的事件整理了一份關於垂直導航二級菜單,可以通過js配置的方式初始化菜單box(測試環境:chrome 49、IE 10、IE edge)。 no pic u say a j8? 好吧,先上效果圖 ...
這次在原先html自定義垂直導航菜單的基礎上做了比較大的改動: 去掉了font awesome圖標,上級菜單右邊的箭頭是自己用css寫的,具體參考 css三角箭頭 。 去掉了初始化時候打開的菜單的屬性openIndex 考慮到多級菜單子菜單的打開方式,暫時去掉 ,添加了superLevel 默認是 ,即當前添加的不論是一個JSArray還是JSObject,我們都將作為一級菜單 處理。 將二級導航 ...
2016-08-09 15:57 1 4973 推薦指數:
html自定義垂直導航菜單(目前只支持上級+下級兩級菜單) 由於工作的需要,昨天花了三個多小時的事件整理了一份關於垂直導航二級菜單,可以通過js配置的方式初始化菜單box(測試環境:chrome 49、IE 10、IE edge)。 no pic u say a j8? 好吧,先上效果圖 ...
用CSS制作帶箭頭的菜單主要是實現箭頭,下面為代碼: ...
font-awesome一個很強大的字體圖標庫。下載鏈接:http://fontawesome.dashgame.com/剛開始使用font-awesome的新手往往容易只引入一個css文件,這樣就會導致圖標顯示不出來。如下圖: 下載解壓后我們至少需要引入這兩個文件夾css ...
1 自定義菜單導航欄插件的必要性 看圖說話,下面是利用自定義的菜單導航欄插件simpleMenu創建的網站導航示例: 插件默認提供的是如上圖的導航欄樣式,即一二級菜單為橫向分布;三四級菜單為縱向分布。 使用插件時,可以修改默認參數,目前插件提供了設置菜單的分布方式:橫向 ...
首先是去阿里圖標里面找到自己所要的圖標下載SVG的文件;然后去圖標制作網站制作,鏈接地址https://icomoon.io/app/#/ 首先引入剛剛下載 的SVG圖標文件,引入后選中 然后點擊制作 然后下載就可以了 在把下載的壓縮文件就要fonts文件夾里面的。放到static ...
在上一篇中我簡單寫了個html自定義垂直導航菜單,缺點很明顯,里面的數據是固定死的,不能動態更改數據。 這里我重寫了一個修改版的垂直二級導航菜單,將原先的menuBox.init(config);修改為menuBox.init(config, dataObj);,這里的dataObj就是要傳入 ...
應的頁面上添加自定義圖標,如下圖: 3、在頁面上添加跳轉tabBar頁面的代碼,如下圖: ...