電腦鼠標(biāo)經(jīng)過(guò)時(shí)圖片變化怎么制作
時(shí)間:
鎮(zhèn)權(quán)965由 分享
電腦鼠標(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)。替換文本出寫(xiě)文字描述,最后添加點(diǎn)擊之后前往的url網(wǎng)址
三個(gè)表格分別插入了圖片,效果如下圖,按f12在瀏覽器中預(yù)覽
6當(dāng)鼠標(biāo)經(jīng)過(guò)時(shí),就會(huì)有效果出來(lái)了。很簡(jiǎn)單吧,快動(dòng)手制作吧。
電腦鼠標(biāo)經(jīng)過(guò)時(shí)圖片變化怎么制作相關(guān)文章:
1.dw怎么做鼠標(biāo)經(jīng)過(guò)換圖
2.css實(shí)現(xiàn)鼠標(biāo)移動(dòng)到圖片上,顯示圖片