1、1準(zhǔn)備切換圖片素材，一般是兩張，如圖，放入img文件夾，跟HTML同級2然后用img嵌入到網(wǎng)頁，嵌入其中的一張，另外一張待會切換3如圖，現(xiàn)在是靜態(tài)的，鼠標(biāo)放上去也不會產(chǎn)生切換反應(yīng)，因為沒有用JS4如圖，獲取im。

2、1首先，打開html編輯器，新建html文件，例如indexhtml，輸入問題基礎(chǔ)代碼2在indexhtml中的ltscript標(biāo)簽中，輸入js代碼#39a#39hoverfunction $#39img#39css#39display#39， #39block#393瀏覽器運(yùn)行ind。

3、分別寫一個onmouseover和onmouseout事件然后在事件里面加一個function，分別寫想要放大的尺寸和縮小或復(fù)原的尺寸具體代碼實現(xiàn)如下ltimg id=quotimgquot onmouseover=quotbiggerquot onmouseout=quotsmallerquot src=quot你的圖片路徑quot style。

4、quot onmouseout=quotdisquot ltdiv class=quots1quot id=quots1quotltimg src=quotbigbmpquotltdiv 要是想彈出文字介紹 把s1里面的img換成字就行了，或者簡單點(diǎn)就在第一個img上加一個alt的屬性，鼠標(biāo)放在上邊也有顯示。

5、鼠標(biāo)的移入移出事件，可以參考下手冊，思路就是 1， 你給每個圖片都有一個特殊的id標(biāo)示，然后隱藏的div就是文字顯示的id可以為quotimg_quot+圖片的id 2 移入時 隱藏id圖片 顯示quotimg_quot+圖片的id的div文字 3移出時 就。

6、doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle無標(biāo)題文檔lttitleltheadltbodyltstyleul，liliststylemargin0padding0liwidth287pxheight287pxpositionrelativeli adisplayblock。

7、2在indexhtml中的ltscript標(biāo)簽，輸入js代碼function fun var a = Mathrandom * 5#39img#39attr#39src#39， #39image#39 + a + #39jpg#39 3瀏覽器運(yùn)行indexhtml頁面，此時點(diǎn)擊圖片會換一張圖片。

8、hover事件啊默認(rèn)的是display，鼠標(biāo)指向的時候displayblock。

9、2在lthead里聲明ltstyle bodybackgroundattachment fixedbackgroundimage urlimga3jpg 3現(xiàn)在背景設(shè)置好了，加入內(nèi)容，看看效果在ltbody內(nèi)寫入內(nèi)容運(yùn)行滾動鼠標(biāo)圖片是不是不動的4點(diǎn)擊。

10、1方法一，利用html特性，每個標(biāo)簽都有一個title屬性當(dāng)鼠標(biāo)hover在該標(biāo)簽內(nèi)容上時，瀏覽器展示出該標(biāo)簽的title內(nèi)容，讓鼠標(biāo)移走，內(nèi)容消失，如下div height100pxwidth100pxbackgroundcolor aqua ltdiv title。

11、最簡單的做法，給標(biāo)簽增加title屬性，并賦上要顯示的內(nèi)容，也就是添加title屬性即可代碼ltdiv title=quot全部內(nèi)容quot部分內(nèi)容ltdiv 注title 屬性常與 form 以及 a 元素一同使用，以提供關(guān)于輸入格式和鏈接目標(biāo)的信息。

12、把下面的代碼另存為html，做兩張圖，一張帶陰影的1jpg，一張不帶2jpg放到同目錄下即可 ltscript function change documentgetElementByIdquotimg1quotsrc = documentgetElementByIdquotimg1quotsrc == quot2。

13、lt！DOCTYPE HTML lthtml lthead ltmeta charset=UTF8 lttitleYuGiOhlttitle ltstyle type=quottextcssquot * margin0 padding0 #div position absolute top 50。

14、html不行哦，要用js來實現(xiàn)。

15、設(shè)置ahover的css樣式就可以了呀，就是改變a的背景圖片，這個是最簡單的當(dāng)然也可以改變不透明度。