javascript - 鼠标悬停元素闪烁

标签 javascript mouseover

我在网页上有一张图片,当用户将鼠标悬停在它上面时,会出现另一张图片。然后将鼠标悬停在出现的图像上时,它会闪烁。

有人知道这是为什么吗?

托尼

更新:第一个图像在悬停时不会消失,只是另一个(较小的)图像出现在左上角的顶部。当现在移动到那个较小的图像上时,就会出现闪烁。

网站上的图像是图库的一部分,因此它是一个 php 变量,当用户从图像列表中选择时加载。因此,将一个嵌入另一个是非常困难的。

最佳答案

因为浏览器正在获取新图像。最好的解决方案是将两个图像合并为一个,或者纯粹使用 CSS 更改 :hover 上的背景位置,或者(对于 IE6 和非 anchor 元素)使用 JS 更改背景位置。

关于javascript - 鼠标悬停元素闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1527276/

相关文章:

javascript - 使用 html5 canvas 进行墙壁碰撞检测

javascript - 使用鼠标悬停将用户发送到新页面

javascript - 鼠标悬停时无限旋钮

javascript - 在onclick里面声明一个变量?

javascript - D3.js - 在与图例交互时突出显示图表元素,反之亦然

jQuery:悬停时显示和隐藏子div

java - Selenium webdriver - 鼠标悬停和下拉菜单 - 鼠标在浏览器内部/外部问题

javascript - 正则表达式查找大写单词和小写单词

javascript - 是否有 CSS 或 Javascript 解决方案来更改当前页面导航选项卡的背景图像?

javascript - Highcharts 中 TreeMap 中的选择更改