當鼠標放置到熱點區,圖片顏色主動變換,可以用兩張圖片切換的體例,實現這一結果,如何在網頁中實現這一動作呢?小編與大師分享變色經驗。
電腦桌面上雙擊圖標,打開軟件。
選擇文件---->打開網站,打開一個已有的網站。
將需插入熱點的區域建造為一張圖片,如下圖所示。
選擇東西欄中的熱點東西,繪制熱點區域。
代碼窗口中,輸入熱點區域代碼。
代碼中,需設置圖片的id。
onMouseOver和onMouseOut,別離實現鼠標的移入和移出。
最后,界說兩個函數,實現圖片的切換。
此中文件p1為切換前的圖片,p2為切換后的圖片。
測試網頁,當鼠標滑到熱點區域時,該區域顏色主動改變。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!