電腦鼠標(biāo)經(jīng)過(guò)時(shí)圖片變化怎么制作

電腦鼠標(biāo)經(jīng)過(guò)時(shí)圖片變化怎么制作

　　為使鼠標(biāo)達(dá)到更好的使用效果，在瀏覽網(wǎng)頁(yè)的時(shí)候我們鼠標(biāo)一點(diǎn)擊圖片就會(huì)變成另一個(gè)樣子，下面是學(xué)習(xí)啦小編為大家介紹電腦鼠標(biāo)經(jīng)過(guò)時(shí)圖片變化的制作方法,歡迎大家閱讀。

　　電腦鼠標(biāo)經(jīng)過(guò)時(shí)圖片變化的制作方法

　　在Dreamweaver里新建一個(gè)網(wǎng)頁(yè)文件，選擇頂部工具欄中，常用中的表格，如下圖

　　新建一個(gè)一行三列，寬度為300像素的表格，如下圖

　　點(diǎn)擊表格中的一個(gè)單元格，選擇：插入——圖像對(duì)象——鼠標(biāo)經(jīng)過(guò)圖像，如下圖

　　分別插入原始圖像，也就是網(wǎng)頁(yè)上最開(kāi)始顯示的圖片，然后插入鼠標(biāo)經(jīng)過(guò)的圖像，這些圖片需要提前制作出來(lái)。替換文本出寫文字描述，最后添加點(diǎn)擊之后前往的url網(wǎng)址

　　三個(gè)表格分別插入了圖片，效果如下圖，按f12在瀏覽器中預(yù)覽

　　6當(dāng)鼠標(biāo)經(jīng)過(guò)時(shí)，就會(huì)有效果出來(lái)了。很簡(jiǎn)單吧，快動(dòng)手制作吧。