靜態頁面選單欄布局整改使用iframeset

2022-08-20 09:00:11 字數 398 閱讀 4763

專案初期靜態頁面素材是單獨分開的獨立功能頁面,但擁有相同的頁面布局規則(頭部橫幅區域顯示logo系統名稱,頁面左側區域顯示選單、右側主題部分顯示不同選單對應內容),最初頁面選單點選是鏈結到另乙個對應內容頁面開啟新視窗,重新顯示頭部、選單、主題;但真正用於系統中需要固定選單欄,在點選選單時候只替換主題內容頁面區域部分。

開始改造頁面,思路有二:

一、通過頁面中js事件控制頁面內容變動

二、使用iframeset標籤,這裡分享使用iframeset時遇到的曲折以作為經驗。

選單欄html**如:

通過在a標籤target屬性指定在點選選單時鏈結到規劃好的頁面主體視窗中!

這裡iframe中name屬性就是a標籤中target指向的主體區域部分 ,大概思路就是這樣至於樣式問題根據具體修改調整。

Easyui 基礎布局和靜態選單欄

說明 使用easyui 的基礎布局,將介面劃分為幾個不同的頁面。步驟 1.建立乙個控制器 如圖 2.新增檢視 如圖 3.控制層 get home 主頁 public actionresult index 檢視 easyui demo管理系統統 viewbag.message js function ...

頁面滾動時固定選單欄

往下拖動頁面滾動條時,固定住選單欄 不隨其他內容網上滾動,相容各版本ie chrome firefox aaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaa aa...

openfire 外掛程式web 頁面選單欄定位

在openfire中開發的一些管理控制介面,其實可以將其放在任意tab下的左側選單欄中,而想要放在什麼位置,需要在plugin.xml的配置檔案中配置一下。而具體配置如下圖 通過修改tab和sidebar中id的值就能改變我們所寫專案在管理控制台所顯示的位置。那麼如何能準備的定位所寫專案在管理控制台...