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

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

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

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

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

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

1需要用到Dreamweaver軟件，以及基礎(chǔ)的html語言，利用切換動作來制作 2代碼我直接給您附上了，我做的例子是800*800的圖片切換，如果要用在天貓的話 還需要更改一個屬性代碼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不過最好是兩張圖片合為一個圖片，這樣hover的時候只要改變背景的position。

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

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

原理hover觸發(fā)CSS臨近選擇器 所需工具DW用來給圖片畫熱區(qū)，PS算出彈出層的top和left偏移值我在Demo里畫了三個熱區(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。