html如何在鼠標(biāo)經(jīng)過另一張圖片時(shí)顯示它1準(zhǔn)備切換圖片素材，一般是兩張，如圖，放入img文件夾，跟HTML同級(jí)1準(zhǔn)備切換圖片素材，一般是兩個(gè)，如圖，放在img文件夾里，和HTML一個(gè)級(jí)別2然后用img嵌入到網(wǎng)頁，嵌入其中。

一種是設(shè)置backgroundattachmentfixed背景固定了 另外一種就是利用 animate css3的屬性，想兼容更多的瀏覽器建議用jquery控制感覺應(yīng)該是你想要的效果了你說的這個(gè)是單頁面效果我給你個(gè)網(wǎng)址上面有好多這樣的。

插入圖像對(duì)象鼠標(biāo)經(jīng)過圖像，在彈出的對(duì)話框中，選擇好“原始圖像”和“鼠標(biāo)經(jīng)過圖像”就行了。

直接搜索下js輪播，jq輪播先定位圖片定時(shí)圖片切換加上按鈕執(zhí)行點(diǎn)擊切換鼠標(biāo)移入圖片范圍時(shí)停止切換，離開時(shí)接著切換。

1首先準(zhǔn)備一個(gè)HTML文檔，文檔中準(zhǔn)備好兩個(gè)圖片，接下來會(huì)對(duì)這兩個(gè)圖片進(jìn)行旋轉(zhuǎn)2然后對(duì)HTML中的內(nèi)容定義一些樣式，如下圖所示，主要是標(biāo)題以及ul的樣式3接下來就給圖片所在的li定義寬高，如下圖所示4然后給。

img width300px height300pximghover width350px height350px這樣可以實(shí)現(xiàn)簡單的動(dòng)一下，更麻煩的需要JS了，比如讓圖片的TOP變一下之類的。

1需要用到Dreamweaver軟件，以及基礎(chǔ)的html語言，利用切換動(dòng)作來制作 2代碼我直接給您附上了，我做的例子是800*800的圖片切換，如果要用在天貓的話 還需要更改一個(gè)屬性代碼ltdiv style=quotheight800pxquotclass=quotsx_。

HTMLltdivltimg src=quotpicturepicture301jpgquot width=quot100quot ltdivJuotdivquothoverfunction$thisfindquotimgquotattrquotsrcquot，quotpicturepicture302jpgquot，function$thisfindquotimgquot。

lt！doctype html lthtml ltheadlthead ltbody ltcanvas id=quotcanvasquot width=quot500quot height=quot500quot style = quotborder1px solid redquotltcanvas ltscript var rect=x100，y100，w40，h20定義要畫的。

gpic2innerHTML=gpic1innerHTML function Marquee ifgpic2offsetWidthgpicscrollLeftlt=0gpicscrollLeft=gpic1offsetWidth else gpicscrollLeft++ var MyMar=setIntervalMarquee，speedgpic。

要用CSS，而不是js的話，不得不用hover偽類了btn backgroundurlxxjpg norepeatbtnhover backgroundurlyyjpg norepeat不過最好是兩張圖片合為一個(gè)圖片，這樣hover的時(shí)候只要改變背景的position。

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

2然后在上方的head標(biāo)簽中的style標(biāo)簽設(shè)置樣式，這里設(shè)置圖片的寬度和高度并設(shè)置相對(duì)定位，然后設(shè)置圖片的鼠標(biāo)懸浮樣式，其中設(shè)置動(dòng)畫的形式為3d以及設(shè)置圖片3d旋轉(zhuǎn)偏移的角度，添加一個(gè)動(dòng)畫，設(shè)置好延時(shí)即可3最后打開瀏覽器。

原理hover觸發(fā)CSS臨近選擇器 所需工具DW用來給圖片畫熱區(qū)，PS算出彈出層的top和left偏移值我在Demo里畫了三個(gè)熱區(qū)位置如下圖，你用鼠標(biāo)懸停到上面即可看到效果源碼lt！DOCTYPE htmllthtml lang=quotenquot。

onmouseover = function thisclassName = quotdivsquot鼠標(biāo)移出，將空的className樣式賦給該標(biāo)簽divsonmouseout = function thisclassName = quotquotltscriptltbodylthtml。

theeffects5 = “從上向下“theeffects6 = “從左向右“theeffects7 = “從右向左“theeffects8 = “百頁窗形向右“theeffects9 = “百頁窗形向下“theeffects10 = “棋盤形交叉向右“the。