helo大家好,有时候我们浏览网页,尤其是游戏官网的活动时,当鼠标移动到某张图片上时,图片会有模糊的效果,鼠标移开,图片则恢复正常,那么今天跟着西西南,你也可以作出同样的效果:
- 首先不用多想,肯定会用到mousemove和mouseout事件,这我不用解释吧,恩,我相信大家都明白;
- 在startmove要设一个定时器,这样才有淡入淡出的效果;
- 定时器里要判断速度的正负;
- 运动和停止分开
看,简不简单?来,上代码,细细品味
<script>
window.onload = function(){
var oImg = document.getElementById("img1");
oImg.onmouseover = function(){
startMove(100);
}
oImg.onmouseout = funct