為啥出不來效果啊，求解答
#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>
在火狐瀏覽器上出不來效果，透明度沒變化
2016-08-18
只要不是立即執行的代碼，放在哪無所謂，而且你用的是onload事件，本身就是頁面加載完才執行。如果在別的瀏覽器中可以實現，而在火狐中不行時，可以試試加上前綴-moz-opacity。ps：火狐以前很強大，現在讓人覺得很垃圾，還是谷歌的chrome標準支持的好。
2016-08-18
改了以后還是沒有變化，，
2016-08-18
放在head里面但是前面有window.load也不行嗎
2016-08-18
onmouseover里的startMove(30)是100吧，你定義的alpha就是30，放上去還是30，怎么會有變化，
2016-08-18
js代碼寫在body里面啊，瀏覽器是先加載<head>里面的東西，你寫在上面怎么找得到標簽的id