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

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

3、分別寫(xiě)一個(gè)onmouseover和onmouseout事件然后在事件里面加一個(gè)function，分別寫(xiě)想要放大的尺寸和縮小或復(fù)原的尺寸具體代碼實(shí)現(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換成字就行了，或者簡(jiǎn)單點(diǎn)就在第一個(gè)img上加一個(gè)alt的屬性，鼠標(biāo)放在上邊也有顯示。

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

6、doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle無(wú)標(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頁(yè)面，此時(shí)點(diǎn)擊圖片會(huì)換一張圖片。

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

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

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

11、最簡(jiǎn)單的做法，給標(biāo)簽增加title屬性，并賦上要顯示的內(nèi)容，也就是添加title屬性即可代碼ltdiv title=quot全部?jī)?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來(lái)實(shí)現(xiàn)。

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