電腦鼠標(biāo)經(jīng)過時圖片變化怎么制作
時間:
鎮(zhèn)權(quán)965由 分享
電腦鼠標(biāo)經(jīng)過時圖片變化怎么制作
為使鼠標(biāo)達到更好的使用效果,在瀏覽網(wǎng)頁的時候我們鼠標(biāo)一點擊圖片就會變成另一個樣子,下面是學(xué)習(xí)啦小編為大家介紹電腦鼠標(biāo)經(jīng)過時圖片變化的制作方法,歡迎大家閱讀。
電腦鼠標(biāo)經(jīng)過時圖片變化的制作方法
在Dreamweaver里新建一個網(wǎng)頁文件,選擇頂部工具欄中,常用中的表格,如下圖
新建一個一行三列,寬度為300像素的表格,如下圖
點擊表格中的一個單元格,選擇:插入——圖像對象——鼠標(biāo)經(jīng)過圖像,如下圖
分別插入原始圖像,也就是網(wǎng)頁上最開始顯示的圖片,然后插入鼠標(biāo)經(jīng)過的圖像,這些圖片需要提前制作出來。替換文本出寫文字描述,最后添加點擊之后前往的url網(wǎng)址
三個表格分別插入了圖片,效果如下圖,按f12在瀏覽器中預(yù)覽
6當(dāng)鼠標(biāo)經(jīng)過時,就會有效果出來了。很簡單吧,快動手制作吧。
電腦鼠標(biāo)經(jīng)過時圖片變化怎么制作相關(guān)文章:
2.css實現(xiàn)鼠標(biāo)移動到圖片上,顯示圖片