網(wǎng)站設(shè)計怎樣處理圖像拼接博納網(wǎng)絡(luò)在前面的文章中做過詳細(xì)介紹,本文主要與各位分享在做網(wǎng)頁圖像拼接時在Dreamweaver中,利用“改變屬性”行為可以動態(tài)地改變指定對象的某些屬性,這些屬性包括背景顏色、尺寸和背景圖片等。制作網(wǎng)頁時,如果用這種行為設(shè)置些特殊的區(qū)域,例如,當(dāng)鼠標(biāo)指針經(jīng)過某個區(qū)域時,該區(qū)域的背景顏色會立即發(fā)生變化;當(dāng)鼠標(biāo)指針離開后又恢復(fù)為原來的背景色。下面博納網(wǎng)絡(luò)設(shè)計師通過個實例介紹增加該行為的方法。
【操作步驟】
第1步,看本節(jié)示例中的orightml文件,另存為effect.html。設(shè)計當(dāng)鼠標(biāo)經(jīng)過縮略圖時,高亮顯示。
第2步,選中<div id=”apDivl”>標(biāo)簽,單擊【行為】面板中的
按鈕,從彈出的行為菜單中選擇【改變屬性】命令,打開【改變屬性】對話框,如圖7-20所示。
網(wǎng)站設(shè)計圖像處理實操示意圖7-20打開【改變屬性】對話框
第3步,在【元素類型】下拉列表框中設(shè)置要更改其屬性的對象的類型。實例中要改變AP元素的屬性,因此選擇DIV。
第4步,在【元素ID]下拉列表框中顯示網(wǎng)頁中所有該類對象的名稱,如圖中會列出網(wǎng)頁中所有的AP元素的名稱。在其中選擇要更改屬性的AP元素的名稱,如DIV“apDivl”。
第5步,在【屬性】選項組中選擇要更改的屬眭,因為要設(shè)置背景,所以選擇border。如果要更改的屬|(zhì)生沒有出現(xiàn)在下拉菜單中,可以在【輸入】文本框中手動輸入屬性。
第6步,在【新的值】文本框中設(shè)置屬性新值。這里要定義AP元素的邊框線,設(shè)置為solid2pxred,如圖7-21所示。
第7步,設(shè)置完成后單擊【確定】按鈕。在【行為】面板中確認(rèn)觸發(fā)動作的事件是否正確,這里設(shè)置為onMouseover,如果不正確,需要在事件菜單中選擇正確的事件,如圖7-22所示。
網(wǎng)站設(shè)計實操案例示意圖7-22修改事件類型
第8步,再選中ap Divl元素,繼續(xù)添加個“改變屬性”行為,設(shè)計鼠標(biāo)移出該元素后恢復(fù)默認(rèn)的邊框效果,設(shè)置【改變屬性】對話框如圖7-23所示。
網(wǎng)站設(shè)計實操案例示意圖7-23設(shè)置【改孌屬性】對話框
第9步,設(shè)置完成后單擊【確定】按鈕。在【行為】面板中確認(rèn)觸發(fā)動作的事件是否正確,這里設(shè)置為onMouseout,即設(shè)計當(dāng)鼠標(biāo)離開對話框時,恢復(fù)默認(rèn)的無邊框狀態(tài),如圖7-24所示。
網(wǎng)站設(shè)計圖像處理實操示意圖7-24修改事件類型
第10步,保存并預(yù)覽網(wǎng)頁。當(dāng)鼠標(biāo)移到對話框上時會顯示紅色邊框線,以提示用戶注意,當(dāng)鼠標(biāo)移出對話框時則隱藏邊框線,恢復(fù)默認(rèn)的效果,演示效果如圖7-25所示。
深圳網(wǎng)站設(shè)計公司,博納網(wǎng)絡(luò)關(guān)于在網(wǎng)頁制作時對于拼圖處理的是制作技巧,本文就介紹到這里。