txtsetAttributequottitlequot，quot鼠標(biāo)懸停了quotltscript ltbody lthtml 二div實(shí)在的在開(kāi)發(fā)工具里面的代碼效果如下截圖三這段代碼最主要的重點(diǎn)是如下ltscript type=quottextjavascriptquot var txt =；做好準(zhǔn)備工作，把兩張100px X 100px的圖片合成 100 X 200 的通過(guò)CSS圖片定位來(lái)達(dá)到切換效果存放在根目錄 img\tupiangif ltstyle div_1width100pxheight100pxmargin0padding0 定義一個(gè)DIV方框 div_；代碼有bug，修改后如下需要注意，拷貝下面這段代碼，保存為 html后綴名的文件需要自己在相同的目錄下，放置兩張圖片，小圖片jpg 大圖片jpg 效果如下圖當(dāng)鼠標(biāo)懸停在小圖片上面的時(shí)候，會(huì)顯示大圖片鼠標(biāo)移出，隱；div height100pxwidth100pxbackgroundcolor aqua ltdiv title=quot我是鼠標(biāo)懸停展示的內(nèi)容quot文字內(nèi)容文字內(nèi)容ltdiv 2方法二，利用css的偽類hover，以及顯示隱藏屬性display，來(lái)實(shí)現(xiàn)如下continer height100；2在html文件上找到body標(biāo)簽，在這個(gè)標(biāo)簽里創(chuàng)建一個(gè)div標(biāo)簽并設(shè)置class類為bg ，如圖所示3接著在title標(biāo)簽后創(chuàng)建style標(biāo)簽用來(lái)給bg類添加樣式在這給bg類設(shè)置了一個(gè)寬高和背景顏色4然后設(shè)置鼠標(biāo)滑過(guò)div時(shí)背景。

原理hover觸發(fā)CSS臨近選擇器 所需工具DW用來(lái)給圖片畫熱區(qū)，PS算出彈出層的top和left偏移值我在Demo里畫了三個(gè)熱區(qū)位置如下圖，你用鼠標(biāo)懸停到上面即可看到效果源碼lt！DOCTYPE htmllthtml lang=quotenquot；htm插入背景圖的方法1插入背景圖片有兩種方法，一種是用html的img標(biāo)簽，另一種是利用css的background標(biāo)簽插入具體操作是首先新建一個(gè)html文件，寫入兩個(gè)div，分別用來(lái)演示兩種方法插入標(biāo)簽2首先是用html標(biāo)簽插入圖片；展開(kāi)全部 這個(gè)就是鼠標(biāo)懸停的觸發(fā)事件，代碼自己學(xué)了敲一下就行了，沒(méi)有那么難的，把思路理清就行了，觸發(fā)事件里面加入display 本回答由提問(wèn)者推薦 已贊過(guò) 已踩過(guò)lt 你對(duì)這個(gè)回答的評(píng)價(jià)是？ 評(píng)論 收起。

你可以在CSS里面 設(shè)置背景圖片寬度，用百分比，對(duì)齊方式絕對(duì)，高度你根據(jù)情況自己看咯，這樣圖片大小就可以變化了；很多種方法用CSS可以實(shí)現(xiàn)，用JS也可以實(shí)現(xiàn)主要看你是想實(shí)現(xiàn)個(gè)什么東西如果是替換背景圖片的話，用CSS的話，那就 修改hover里的背景圖片so easy簡(jiǎn)單的很CSS a backgroundimageurl1jpgahover。

lt！DOCTYPE htmlltheadltscriptwindowonload = function var img = documentgetElementByIdquotimgTestquot if documentaddEventListener imgaddEventListenerquotmouseoverquot，doMouseover，false img；charset quotutf8quot*科e互聯(lián)特效基本框架CSS* body， ul， dl， dd， dt， ol， li， p， h1， h2， h3， h4， h5， h6， textarea， form， select， fieldset， table， td， div， input margin0padding0webkit；菜單欄找到HTML效果，在第一欄里選擇當(dāng)鼠標(biāo)停留時(shí)，應(yīng)用欄里選擇交換另一張圖片。

用js寫鼠標(biāo)事件，鼠標(biāo)移入更改img的src內(nèi)的路徑；Dreamweaver中可以自動(dòng)設(shè)置的 工具欄中 “插入”“圖片對(duì)象”“鼠標(biāo)經(jīng)過(guò)圖片”如果是用CSS實(shí)現(xiàn)的話，可以在需要設(shè)置動(dòng)態(tài)效果的標(biāo)簽中使用偽類hover 具體怎么用，就看你對(duì)CSS的掌握程度了PS該方法不適用于IE6，其他的。