|
一般的后臺(tái)管理系統(tǒng)，喜歡使用左右分欄的布局，這樣左側(cè)可以使用樹(shù)形菜單（或者其他形式的菜單），鏈接到右側(cè)，只刷新右側(cè)，避免的刷新整體等帶來(lái)的問(wèn)題。如圖所示： (我做的一個(gè)城建檔案館的demo)
框架頁(yè)代碼如下： 主要實(shí)現(xiàn)：1樹(shù)形菜單側(cè)欄可以自動(dòng)伸縮，靠button按鈕click事件設(shè)置父框架的各分欄寬度onclick="switchBar(this)"： var displayBar=true; 2通過(guò)選擇top.html的droplist的主題選項(xiàng)，更改整體的風(fēng)格，這就涉及到框架間傳遞與刷新的問(wèn)題。（前提是針對(duì)頁(yè)面寫(xiě)好了多套css，頁(yè)面的class和id引用名稱(chēng)固定，只要更換不同的css就可以更換頁(yè)面所有標(biāo)簽的風(fēng)格） 實(shí)現(xiàn)：每個(gè)頁(yè)面的css鏈接加入id屬性，方便動(dòng)態(tài)修改時(shí)查找 <link id="linkcss" href="../css/menu1.css" rel="stylesheet" type="text/css" /> top.html頁(yè)面： 本身的鏈接css可以通過(guò)判斷所選的主題index,動(dòng)態(tài)修改linkcss.href屬性； 對(duì)于其他頁(yè)面，則要涉及框架父子頁(yè)面的刷新了，可以看看相關(guān)帖子。 我的代碼（例如在top.html控制menu頁(yè)面的css）：parent.frames("leftFrame").document.getElementById("linkcss").href="../css/menu.css"; 其他頁(yè)面類(lèi)同，這樣就可以通過(guò)選擇主題實(shí)現(xiàn)了整個(gè)網(wǎng)站主題更換的效果了。simple!   |
|
|
