这种logo的转换效果应该怎么做呢

京东的logo部分怎么做捏
把鼠标放在logo上面时会出现一个gif
如果这个鼠标还放在logo上面时就显示的是gif，把鼠标移到其他地方，logo原来的图片就出现
把鼠标放在logo上然后把鼠标移到其他地方，此时就会等gif播完才会出现原来的图片

js hover事件,加上鼠标停留位置判断及gif时间

js hover事件

onmouseover与onmouseout事件绑定到指定元素上,鼠标移入事件(onmouseover)去改变logo图片的引入位置 指定gif图片,反之改回去即可

使用hover时间的时候，开启一个定时器，设置一个标识类，定时时间大概就是gif加载所需时间，时间到了设置回原图就行