顏色排列方式等進行美化，代碼如下5運行代碼，效果如下可見，經(jīng)過CSS樣式美化，鼠標經(jīng)過的時候，顯示藍色6利用CSS編寫代碼，實現(xiàn)鼠標經(jīng)過時顯示下劃線效果，代碼如下7在瀏覽器運行代碼，實現(xiàn)了想要的效果；然后使用color，color后面表示的是鼠標經(jīng)過時變化的顏色，也就是顏色值這樣，設置好之后，鼠標經(jīng)過我們標簽對里面的文字就會變顏色。

#39nav li#39mouseenterfunction $#39con li#39eq$thisindexshowsiblingshide這樣就可以實現(xiàn)鼠標經(jīng)過顯隱效果了，文字位置需要你自己調(diào)整樣式；這個玩意有點復雜首先要獲取點擊發(fā)生鼠標所在的坐標然后判斷這個坐標是否在圖形的范圍內(nèi)如果在，剛可以視為點擊了該圖形圖形本身是不能響應事件的必須用canvas代理只是要判斷的情況有時候很復雜如果這個點所在的。

2在indexhtml中的ltscript標簽中，輸入js代碼#39a#39hoverfunction $#39img#39css#39display#39， #39block#393瀏覽器運行indexhtml頁面，此時鼠標移動到超鏈接上，下面的圖片自動顯示了出來；用js寫鼠標事件，鼠標移入更改img的src內(nèi)的路徑。

2在indexhtml中的ltscript標簽中，輸入js代碼#39a#39hoverfunction$#39img#39css#39display#39，#39block#393瀏覽器運行indexhtml頁面，此時鼠標移動到超鏈接上，下面的圖片自動顯示了出來；#8194lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot ltmeta。

html5鼠標懸停字體從下移到上移，需要配合鼠標甚至功能鍵來操作的，如果字體從下一道單一，我們只需要把鼠標中間的滑輪整體把他按下，然后不放手，慢慢的移動鼠標從下移到上移，在移動的過程中，我們需要有一定，鼠標操作技巧。

html鼠標經(jīng)過出現(xiàn)圖片

1、gif不會暫停，可以換個思路，改成能暫停的資源，比如視頻，把聲音禁掉點擊跳轉(zhuǎn)就是外層套一個a標簽。

2、4接著書寫style標簽，在其中書寫css代碼5我們利用alink 進行對未點擊的超鏈接進行樣式設置6接著利用avisited進行對已點擊的超鏈接進行設置7最后，我們還可以對鼠標懸停的狀態(tài)進行樣式修改，如圖代碼 ahover。

3、邊框盡量用在a上，避免用在img上 hover偽類盡量用在a上，因為IE6不支持其他元素的hover偽類hover意思就是鼠標移上去的動作不知道你有沒有用reset來清理頁面，畢竟各瀏覽器默認效果不一，因此我把reset的css也寫了。

4、img width300px height300pximghover width350px height350px這樣可以實現(xiàn)簡單的動一下，更麻煩的需要JS了，比如讓圖片的TOP變一下之類的。

html5鼠標經(jīng)過按鈕變色

1、要同時顯示就要同時觸發(fā)動畫，可以在HTML上把這3個box組織在一處，放在同一個父容器里，再用CSS同時觸發(fā)示例ltdiv class=quotfatherquotltdiv class=quotbox1quot05sltdivltdiv class=quotbox2quot1sltdivltdiv class=quotbox。

2、給按鈕上綁定一個onclick事件，同時置一個狀態(tài)值，狀態(tài)值為true時顯示按鈕具體代碼如下lthtmlltheadltscript type=quottextjavascriptquot src=quot。

3、5保存html代碼后使用瀏覽器打開，當鼠標滑過lta上的文字后即可看到鼠標變?yōu)榱酥羔槧顟B(tài)可以直接復制以下代碼到新建的html文件上，粘貼保存后使用瀏覽器打開即可看到效果所有代碼lt！DOCTYPE html lthtml lthead ltmeta。

4、你div的display已經(jīng)隱藏了，你加事件也找不到他啊，在設置一個父元素能看到的上邊加個時間讓子元素的display變?yōu)閎lock就可以了。