程序博客网 > 半条命gman知乎

用js实现div的淡入淡出

来源：互联网发布：半条命gman知乎编辑：程序博客网时间：2024/05/18 06:31

<style>

#box{

width:100px;height:100px;background:red;opacity:0.3;position:absolute;

}

</style>

<body>

<div id="box"></div>

</body>

<script>

var oDiv=document.getElementById("box");

var alpha=0.3;

var timer;

oDiv.onmouseover=function(){

fadeInOut(0.01);

}

oDiv.onmouseout=function(){

fadeInOut(-0.01);

}

//经验之谈：当你发现两个函数大体一致的情况下，哪个不同就把哪个提为参数

function fadeInOut(value){

clearInterval(timer);

timer=setInterval(

function(){

alpha+=value;

oDiv.style.opacity=alpha;

if(alpha>=1||alpha<=0.3){

clearInterval(timer);

}

},30);

}

</script>

0 0

半条命gman知乎

半条命gman知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子封头罐体抛光机钛封头大型封头管道封头合金封头封头重量表封头面积计算公式封头有限公司有机硅封头剂压力容器封头标准封头体积计算公式塑料管封头不锈钢管封头机封头体积怎么算封头面积公式封头尺寸表蝶形封头图片不锈钢水箱封头不锈钢压力罐封头阴阳封妖录梦幻封妖传梦幻封妖传5 梦幻封妖传5破解版无限神兜兜梦幻封妖梦幻封妖传5攻略梦幻封妖传5破解直装版封妖录梦幻封妖传5手机版刷神兜兜 2018梦幻封妖奖励列表男主姓封女主叫安安姓封的女孩名字封姓男孩取名封姓封孔剂配方分析注水封孔器厂家封孔剂矿用封孔器封层下封层透层和粘层和封层稀浆封层