|
任務(wù)欄：
從圖片可以看出，任務(wù)欄中圖像是主要部分。
制作思路：把它們定位在一個表格中，每一個單元格中放置一個圖片。這個大的表格定位在最底下，用上面提到的bottom，表格的寬度調(diào)用screen.width。用不同的樣式表來控制各個部分的凹凸外觀。用鼠標(biāo)的形為來動態(tài)改變調(diào)用已經(jīng)定義好的樣式表。在快速啟動欄中，要用到鼠標(biāo)的over，out，down，up四個行為。例如：onMouseXX=this.className=XX�？焖賳訖谔幍膱D標(biāo)大小為20×20，單元格的寬度要大于24，因為太小了，當(dāng)然懸停的時候，整個任務(wù)欄可能會左右移動。
 
窗口與對話框：
對話框中有可以拖動的標(biāo)題欄，關(guān)閉窗口的關(guān)閉按鈕。拖動形為就是層的拖動，關(guān)閉對話框就是層的隱藏。為了使對話框窗口能在各種分辨率下居中，我們可以調(diào)用screen.width、screen.height（窗幕的寬與高），例如：
style="position: absolute; top:expression((screen.height-150)/2); left:expression((screen.width-200)/2); width: 200; height: 150"
網(wǎng)頁主題變化：
現(xiàn)在很多網(wǎng)頁都有換膚的功能，這樣使網(wǎng)頁更加個性化。為了使桌面風(fēng)格的網(wǎng)頁也有類似桌面主題的功能，我們可以使用改變樣式表文件的鏈接：寫幾個有不周風(fēng)格的樣式表，通過javascript來調(diào)用，達(dá)到改變主題的功能。
<script Language="javascript">
function changecss(tt)
{
css.href=tt;//tt是樣式表文件的路徑
}
</script>
樣式表的鏈接讀法要改為：<link rel="stylesheet" id="css" type="text/css" href="XX.css">這里的id=css中的css與上面javascript中的css.href中的css指的是同一個。請看一下幾個主題的效果（如圖）：
另一存改變樣式表的方法為改變className:
<SCRIPT>function c(css){id.className=css;}</SCRIPT>。大家可以點擊色彩按鈕看看效果：
出處：無憂視窗
責(zé)任編輯：藍(lán)色
上一頁 具體細(xì)節(jié)表現(xiàn) 下一頁 鍵盤的操作
◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁 
第 3 頁 任務(wù)欄
