首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

如何实现鼠标悬停图片逐渐清晰,鼠标离开图片逐渐透明,在图片逐渐透明期间,鼠标再次悬停图片,则终止透明循环,直接再次清晰

2012-03-05 
怎么实现鼠标悬停图片逐渐清晰,鼠标离开图片逐渐透明,在图片逐渐透明期间,鼠标再次悬停图片,则终止透明循

怎么实现鼠标悬停图片逐渐清晰,鼠标离开图片逐渐透明,在图片逐渐透明期间,鼠标再次悬停图片,则终止透明循环,直接再次清晰
一个页面内一个图片,图片本身透明度是20%

鼠标放上去直接清晰

鼠标离开,则慢慢透明,直到恢复到20%,我使用的是settimeout 逐渐加大透明度

我希望在图片逐渐变透明的期间,还没恢复到20%的时候鼠标再次放上去,图片再次直接清晰

换句话说,我不知道如何终止掉那个是图片变透明的循环

请给出代码示例,运行正常就给分,谢谢

[解决办法]
先判断鼠标是否离开,如果不离开就终止,否则继续

热点排行