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

在用DW設計網(wǎng)頁時，如何設計當鼠標經(jīng)過某個圖像熱點時，顯示出新的圖片？

使用JS相對簡單。

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

鼠標下拉頁面時畫面抖動？

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

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

您可以進行測試：

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

2. 要訪問內(nèi)容較多的頁面，滾動條應較長。然后向下拉滾動條（以確認它不會反彈到頂部）。

3. 向下拉滾動條，同時將鼠標從瀏覽器中拉出。有的瀏覽器會出現(xiàn)滾動條反彈的現(xiàn)象，反彈的位置就是這個拉之前的位置。

Chrome測試比較順利，不存在這樣的問題，怎么拉滾動條就是用鼠標的垂直位置滾動。

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