主要介绍了JS实现淡入淡出图片效果的方法,结合实例形式分析了js鼠标响应实现图片淡入淡出效果的原理与相关实现技巧,需要的朋友可以参考下

本文给大家分享的是使用原生的js和jQuery2种方法，分别实现图片轮播的淡入淡出效果的代码，非常实用，也方便小伙伴们对比分析，希望对大家学习js和jq能够有所帮助。

本文实例讲述了JS实现淡入淡出图片效果的方法。分享给大家供大家参考，具体如下： 效果：鼠标移入时，图片由半透明逐渐变成清晰，移出时，由清晰变为半透明 分析：用变量来储存透明度，因为元素.style.alpha不能直接增加或减少 核心代码： [removed]=function(){ var oDiv=document.getElementById("div1"); var timer=null; var alpha=30; oDiv.onmouseover=function()