相关疑难解决方法(0)

如何使用JavaScript和CSS进行淡入和淡出

我想让HTML div标签淡入淡出.

我有一些淡出的代码,但是当我淡入时,div的不透明度保持在0.1并且不会增加.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
 <head>
    <title>Fade to Black</title>
    <script type="text/javascript">
        //<![CDATA[
        function slidePanel(elementToSlide, slideSource)
        {
            var element = document.getElementById(elementToSlide);

            if(element.up == null || element.up == false) {
                setTimeout("fadeOut(\"" + elementToSlide + "\")", 100);
                element.up = true;
                slideSource.innerHTML = "Bring it down";
            } else {
                setTimeout("fadeIn(\"" + elementToSlide + "\")", 100);
                element.up = false;
                slideSource.innerHTML = "Take it up";
            }
        }

        function fadeIn(elementToFade)
        {
            var element = document.getElementById(elementToFade);

            element.style.opacity += 0.1; …
Run Code Online (Sandbox Code Playgroud)

javascript css xhtml

53
推荐指数
5
解决办法
22万
查看次数

标签 统计

css ×1

javascript ×1

xhtml ×1