qq_深海鱼肝油_0
2018-08-06 19:05
<script>
winddow.onload=function(){
var oDiv=document.getElementById('div1');
oDiv.onmouseover=function(){
startMove(100);
}
oDiv.onmouseout=function(){
startMove(30);
}
}
var timer=null;
var alpha=30;
function startMove(Target){
var oDiv=document.getElementById('div1');
clearInterval(timer);
timer = setInterval(function(){
var speed;
if(alpha>Target){
speed=-10;
}
else{
speed=10;
}
if(alpha==Target){
clearInterval(timer);
}
else{
alpha=alpha+speed;
oDiv.style.filter='alpha(opacity:'+alpha+')';
}
},30);
}
</script>
老铁,你的winddow.onload=function(){}这句中的window多了个d。。。。。。
你的div呢
首先第二行winddow.onload你检查一下。 其次这两句第一句说是针对IE指的是IE版本8及以下,8以上及其他浏览器用第二句。 oDiv.style.filter='alpha(opacity:'+alpha+')';//ie8及以下 oDiv.style.opacity=alpha/100;//ie8以上及其他浏览器
你没有定义div,没有设置div的css样式啊
JS动画效果
113925 学习 · 1443 问题
相似问题
回答 2