                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JS動(dòng)畫效果

為啥出不來效果啊，求解答

#div1 {
?? ?width:200px;
?? ?height:200px;
?? ?background:red;
?? ?filter:alpha(opacity:30);
?? ?opacity:0.3;
}

</style>
<script type="text/javascript">
window.onload = function(){
???? var oDiv = document.getElementById('div1');
?? ? oDiv.onmouseover = function(){
?? ??? ? startMove(30);
?? ??? ? }
???? oDiv.onmouseout = function(){
?? ??? ? startMove(100);
?? ??? ? }?? ?
}
var timer = null;
var alpha = 30;
function startMove(iTarget){
?? ?var oDiv = document.getElementById('div1');
??? clearInterval(timer);
?? ?timer = setInterval(function(){
?? ??? ?var speed;
?? ??? ?if(alpha > iTarget){
?? ??? ??? ?speed = -10;
?? ??? ?}
?? ??? ?else{
?? ??? ??? ?speed = 10;
?? ??? ?}
?? ??? ?if(alpha == iTarget){
?? ??? ??? ?clearInterval(timer);
?? ??? ?}
?? ??? ?else{
?? ??? ??? ?alpha+=speed;
?? ??? ??? ?oDiv.style.filter = 'alpha(opacity:'+alpha+')';
?? ??? ??? ?oDIvc.style.opacity = alpha/100;
?? ??? ?}
?? ?},30)
}

</script>
</head>

<body>
<div id="div1">透明度/div>

在火狐瀏覽器上出不來效果，透明度沒變化

sh_ero

2016-08-18

源自：JS動(dòng)畫效果 2-2

關(guān)注問題我要回答

869

操作

收起

5 回答

不如懷念o 回答被采納 +3 積分
2016-08-18

只要不是立即執(zhí)行的代碼，放在哪無所謂，而且你用的是onload事件，本身就是頁面加載完才執(zhí)行。如果在別的瀏覽器中可以實(shí)現(xiàn)，而在火狐中不行時(shí)，可以試試加上前綴-moz-opacity。ps：火狐以前很強(qiáng)大，現(xiàn)在讓人覺得很垃圾，還是谷歌的chrome標(biāo)準(zhǔn)支持的好。