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

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

你可以在CSS里面 設(shè)置背景圖片寬度，用百分比，對齊方式絕對，高度你根據(jù)情況自己看咯，這樣圖片大小就可以變化了；很多種方法用CSS可以實現(xiàn)，用JS也可以實現(xiàn)主要看你是想實現(xiàn)個什么東西如果是替換背景圖片的話，用CSS的話，那就 修改hover里的背景圖片so easy簡單的很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)停留時，應(yīng)用欄里選擇交換另一張圖片。

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