一、鼠標(biāo)懸停時(shí)背景改變的實(shí)現(xiàn)有三種方式：
1，通過(guò)矩形框，添加懸停時(shí)改變矩形框的屬性來(lái)實(shí)現(xiàn)變化
2，通過(guò)image map，當(dāng)懸停時(shí)改變部件裝載的圖片來(lái)實(shí)現(xiàn)，一個(gè)image支持5張圖片（與矩形框相比，image的優(yōu)勢(shì)在于可以透明，但是在編輯時(shí)是淡藍(lán)色的，可以看到位置。而矩形框一直是“隱身”的！）
image map的另一個(gè)特殊用法是他可以在一張大的image上實(shí)現(xiàn)局部超鏈接
注意：圖片素材要事先準(zhǔn)備好
3，通過(guò)改變動(dòng)態(tài)面板的狀態(tài)來(lái)實(shí)現(xiàn)（五個(gè)狀態(tài)）
這幾個(gè)方法在功能強(qiáng)大上來(lái)說(shuō)是遞進(jìn)關(guān)系,除非是小部件的單獨(dú)效果，想要得到整體的變化還是要用動(dòng)態(tài)面板來(lái)實(shí)現(xiàn)，我已經(jīng)上了一次當(dāng)，引以為戒。
二、導(dǎo)航
以淘寶網(wǎng)的分類導(dǎo)航為例：
http://www.taobao.com
先把大致情況列出來(lái)：
構(gòu)思好了之后，開始想如何實(shí)現(xiàn)：
在做的時(shí)候遇到的問(wèn)題：
1，因?yàn)橄胍讶N方法聯(lián)系一下，所以第一次采用的1,2方法來(lái)實(shí)現(xiàn)懸停效果，結(jié)果出了問(wèn)題，由于懸停時(shí)是一個(gè)整體在變化，所以必須用方法3
2，看了老師的案子，發(fā)現(xiàn)自己只做一個(gè)一級(jí)導(dǎo)航是不能全部說(shuō)明問(wèn)題的，因?yàn)楫?dāng)分類多了，問(wèn)題就會(huì)出現(xiàn)：
先隱藏所有的B級(jí)分類，是為了避免懸停到某一級(jí)是出現(xiàn)兩個(gè)B級(jí)分類。后面的設(shè)置為normal也是差不多的道理。
最后兩步是真正想要的效果，也是很多人只能添加的效果
3，對(duì)哪一個(gè)部件添加效果，就是針對(duì)把一個(gè)部件產(chǎn)生作用，值得一提的是移入和移出的實(shí)現(xiàn)，
對(duì)于上圖的矩形框來(lái)說(shuō)，如果鼠標(biāo)移動(dòng)到了圖一上，也是相當(dāng)于移出了矩形框
為了實(shí)現(xiàn)移出移入效果，可以在特定區(qū)域添加一個(gè)透明矩形框來(lái)幫助實(shí)現(xiàn)
