在用DW設(shè)計(jì)網(wǎng)頁(yè)時(shí)，如何設(shè)計(jì)當(dāng)鼠標(biāo)經(jīng)過(guò)某個(gè)圖像熱點(diǎn)時(shí)，顯示出新的圖片？使用JS相對(duì)簡(jiǎn)單。首先，把你需要的所有圖片提前放在網(wǎng)頁(yè)上（通常在DIV中）。然后使用CSS隱藏第一個(gè)圖像，然后為第一個(gè)圖像設(shè)置一個(gè)

在用DW設(shè)計(jì)網(wǎng)頁(yè)時(shí)，如何設(shè)計(jì)當(dāng)鼠標(biāo)經(jīng)過(guò)某個(gè)圖像熱點(diǎn)時(shí)，顯示出新的圖片？

使用JS相對(duì)簡(jiǎn)單。

首先，把你需要的所有圖片提前放在網(wǎng)頁(yè)上（通常在DIV中）。然后使用CSS隱藏第一個(gè)圖像，然后為第一個(gè)圖像設(shè)置一個(gè)鼠標(biāo)事件。當(dāng)鼠標(biāo)移到圖像時(shí)，第一個(gè)圖像被隱藏，第二個(gè)圖像被顯示。所以情況變了。此外，還可以添加一個(gè)鼠標(biāo)移出事件，將鼠標(biāo)移出后兩張圖片的樣式恢復(fù)為原始外觀。

鼠標(biāo)下拉頁(yè)面時(shí)畫面抖動(dòng)？

并非所有瀏覽器都有這種現(xiàn)象。

根據(jù)我的觀察，這是丟失的事件，并且在程序中恢復(fù)鼠標(biāo)位置。

您可以進(jìn)行測(cè)試：

1。打開(kāi)瀏覽器，將瀏覽器窗口縮小一點(diǎn)，不要填滿屏幕，只在右側(cè)留一點(diǎn)空間。

2. 要訪問(wèn)內(nèi)容較多的頁(yè)面，滾動(dòng)條應(yīng)較長(zhǎng)。然后向下拉滾動(dòng)條（以確認(rèn)它不會(huì)反彈到頂部）。

3. 向下拉滾動(dòng)條，同時(shí)將鼠標(biāo)從瀏覽器中拉出。有的瀏覽器會(huì)出現(xiàn)滾動(dòng)條反彈的現(xiàn)象，反彈的位置就是這個(gè)拉之前的位置。

Chrome測(cè)試比較順利，不存在這樣的問(wèn)題，怎么拉滾動(dòng)條就是用鼠標(biāo)的垂直位置滾動(dòng)。

瀏覽器拉出邊緣時(shí)，有反彈現(xiàn)象。有時(shí)候拉得慢也可以，但拉得快很容易反彈。