1、lt！DOCTYPE htmlltheadltscriptwindowonload = function var img = documentgetElementByIdquotimgTestquot if documentaddEventListener imgaddEventListenerquotmouseoverquot，doMouseover，false img。

2、用title當(dāng)然不行，要用js+css才能實(shí)現(xiàn)，下面是個例子ltimg src=quot。

3、這樣ltAhref=quotquotltimgsrc=quotimagesyumenjpgquotonmouseover=quotthissrc=#39imagesyumen1jpg#39quotonmouseout=quotthissrc=#39imagesyumenjpg#39quotwidth=quot100quotheight=quot28quotltA設(shè)置一個div，但是默認(rèn)卻。

4、#8194lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot ltmeta。

5、如果想減少網(wǎng)頁大小，實(shí)時加載那就只有用js了，下面是個例子，實(shí)測了的，你可以根據(jù)需要進(jìn)行優(yōu)化lt！DOCTYPE html lthtml lthead lttitlemenulttitle ltscript type=quottextjavascriptquot function chgimgsrc var。

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

7、需要用Dreamweaver來操作將鼠標(biāo)放上去一張圖片變成另一張圖片具體的操作方法和步驟如下1第一步，需要打開Dreamweave軟件進(jìn)入，依次單擊上方的“插入”“圖像對象”“鼠標(biāo)經(jīng)過圖像”，如下圖所示2其次，完成。

8、ltplta id=quotalquot href=quot#quot target=quot_blankquotkillltaltp ltbody lthtml 復(fù)制到記事本，另存為 html，utf8格式放個 圖片jpg 放在當(dāng)前html目錄瀏覽器打開之后，鼠標(biāo)放到kill上就顯示圖片了。

9、代碼有bug，修改后如下需要注意，拷貝下面這段代碼，保存為 html后綴名的文件需要自己在相同的目錄下，放置兩張圖片，小圖片jpg 大圖片jpg 效果如下圖當(dāng)鼠標(biāo)懸停在小圖片上面的時候，會顯示大圖片鼠標(biāo)移出，隱。

10、在圖片后添加a標(biāo)簽，給a標(biāo)簽絕對定位定到圖片上點(diǎn)的位置，再為a標(biāo)簽添加懸浮事件。

11、下面的代碼直接放到body里面運(yùn)行l(wèi)tscript type=quottextjavascriptquot src=quotjsquotltscript ltscript 下面的是手標(biāo)經(jīng)過鏈接產(chǎn)生新圖片，離開還原 documentreadyfunction quotpicquot。

12、src==imgSrc0？imgSrc1imgSrc0 ltscript ltimg src=quotimagesdenglu6_12gifquot width=quot68quot height=quot49quot onkeyup=quotnewimgFunquot 還有一種方法是鼠標(biāo)移入移出事件 hover事件 也能實(shí)現(xiàn)你要的效果。

13、在網(wǎng)頁制作上可以用Javascript代碼在圖片上單擊鼠標(biāo)，獲取圖片的原始尺寸大小，變通一下我們可以實(shí)現(xiàn)讓圖片隨網(wǎng)頁的大小而自動適應(yīng)，我們可以判斷如果圖片超出規(guī)定大小，則強(qiáng)制壓縮圖片，運(yùn)行一下看效果吧lttitle在圖片上單擊。

14、源碼如下 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitleCSS3鼠標(biāo)滑過圖片放大特效DEMO演示lttitle ltstyle htmlfontfamilysansserifmstextsizeadjust100%webkit。

15、gallery img width 250pxtransition 1s transformtransform translateZ0 galleryhover img transform scale15， 15transition 3s transform。

16、lt！DOCTYPE htmllthtmlltheadltmeta charset=utf8lttitleddlttitleltstyle li img display lihover img displayblock ltstyleltheadltbodyltulltli ltdivs。