为了账号安全,请及时绑定邮箱和手机立即绑定

大神帮我看一下哪块出错了,非常感谢!!

<!DOCTYPE html>

<html>

<head>

<meta charset="{CHARSET}">

<title>透明度</title>

<style>

body,div{

            margin:0;

            padding:0;

           }

           #div1{

            width:200px;

            height:200px;

            background:red;

            opacity: 0.3;

            filter:alpha(opacity:30);

            }

        </style>

        <script>

        window.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(iTarget){

        var oDiv=document.getElementById('div1');

        clearInterval(timer);

        timer=setInterval(function(){

        var speed=0;

        if(alpha<iTarget){

        speed=10;

        }

        else{

        speed=-10;

        }

        if(alpha==iTarget){

        clearInterval(timer);

        }

        else{

        alpha=alpha+speed;

        oDiv.style.filter='alpha(opacity:'+speed+')';

        oDiv.style.opacity=alpha/100;

        }

        },30);

        }

        </script>

</head>

<body>

<div id="div1"></div>

</body>

</html>


正在回答

2 回答

你这个段代码 哪里有问题?试了一下 能正常显示。

0 回复 有任何疑惑可以回复我~
#1

qq_浮浅_0 提问者

鼠标滑过透明度改变,但是我这没变化
2017-09-06 回复 有任何疑惑可以回复我~
#2

qq_浮浅_0 提问者

之前没保存才不行,现在可以了,谢谢大佬
2017-09-06 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

大神帮我看一下哪块出错了,非常感谢!!

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信