首页 > 代码库 > javascript背景淡入淡出

javascript背景淡入淡出

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title></title>    <style type="text/css">        #div1        {            width: 200px;            height: 200px;            background-color: green;            filter: alpha(opacity=20);            opacity: 0.2;        }    </style>    <script type="text/javascript">        var alpha = 30;        var timer = null;        window.onload = function () {            var oDiv = document.getElementById("div1");            oDiv.onmouseover = function () {                Move(100);            }            oDiv.onmouseout = function () {                Move(30);            }        }        function Move(iTarget) {            var speed = 0;            clearInterval(timer);            var oDiv = document.getElementById("div1");            timer = setInterval(function () {                if (alpha < iTarget) {                    speed = -3;                } else if (alpha == iTarget) {                    speed = 3;                }                //开始变色                if (alpha == iTarget) {                    clearInterval(timer);                } else {                    alpha += speed;                    oDiv.style.filter = ‘alpha(opacity=‘ + alpha + ‘)‘;                    oDiv.style.opacity = alpha / 100;                }            }, 30);        }    </script></head><body>    <div id="div1">    </div></body></html>